function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Salesforce2015Salesforce2015 

HTML/CSS Table in visualforce page

Hi experts,

I'm created VF Page with Apex class, and it fetch correct information in VF Page. But i need to diplay those values in a table.

Below is my expected Output.

User-added image
as of now i achieved like below.

User-added image

Please find my below peace of VF Page code.

<apex:outputLabel style="font-size:6pt;color:#939598;padding-top:50px" >Test Result</apex:outputLabel>
   <apex:dataTable id="table" var="v" value="{!ls_var}"    width="90%" style="height:25px;font-size:9pt;font-family: Helvetica;border-bottom:1px inset black;order-column=0.1;" cellspacing="5"><br/>&nbsp;
      <apex:column headerValue="Characteristic"  style="height:25px;font-size:9pt;font-family: Helvetica;">
         <B>
            <apex:outputLabel value="{!v.Name}" />
         </B>
      </apex:column>

   <apex:repeat value="{!ls_spec}" var="f" >

      <apex:column headerValue="{!f.name}" style="height:25px;font-size:9pt;font-family: Helvetica;border-right:1px solid #c3c3c3">
         <apex:repeat var="a" value="{!ls_wrap_spec_var}" >
            <apex:outputText value="{!a.ab}"  rendered="{!IF(AND(a.coa_temp_vab ==v,a.coa_temp_spec == f),true,false )}"/>
         </apex:repeat>
      </apex:column>
   </apex:repeat>

Anyone please sortout my issue.
Help will be appriciated.

Thanks,
Manu
Pritam ShekhawatPritam Shekhawat
Hello Manu,
                 Take a look here Data Table with Custom Styles in Visualforce page. You will get idea how to create table with css designing in visualforce page.

Thanks,
Pritam Shekhawat