You need to sign in to do that
Don't have an account?
Salesforce2015
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.
as of now i achieved like below.
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/>
<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
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.
as of now i achieved like below.
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/>
<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
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