AnsweredAssumed Answered

How to differentiate font alignment between table header and table data?

Question asked by Srikanth Challa on Nov 5, 2015
Latest reply on Nov 11, 2015 by Srikanth Challa

Hi Guys, I am working on designing smart docs. May I know how to align table headers to center where as table data to left or right however I want. Similar to the Image attached below

 

Code:

<table border="0" cellpadding="0" cellspacing="0" style="float:left;  font-size:13px; margin-bottom:10px; border-color: #FFFFFF;font-family: Arial Unicode MS, Helvetica, sans-serif;" svmx-data="{{$D.Parts}}" width="100%">

  <thead>

  <tr style=" height:15px;text-align: left;background-color: #FFA500;color: white;">

  <th scope="col" style="height:10px;text-align: center;" svmx-data="{{SVMXC__Product__c.ProductCode}}" width="14%">

  部品番 号</th>

  <th scope="col" style="height:10px;text-align: center;" svmx-data="{{SVMXC__Product__c.Name}}" width="35%">

  部品名</th>

  <th scope="col" style="height:10px;text-align:center;" svmx-data="{{SVMXC__Estimated_Quantity2__c}}" width="6%">

  数量</th>

  <th scope="col" style="height:10px;text-align: center;" svmx-data="

¥{{$F.LNUMBER($F.INT($D.Parts.SVMXC__Estimated_Price2__c))}}" width="12%">

  単価</th>

  <th scope="col" style="height:10px;text-align: center;" svmx-data="¥{{$F.LNUMBER($F.INT($D.Parts.Estimated_Line_price__c))}}" width="12%">

  金額</th>

  <th scope="col" style="height:10px;text-align: center;" svmx-data="{{$F.SNUMBER($D.Parts,'After_discount__c')}}" width="7%">

  掛率</th>

  <th scope="col" style="height:10px;text-align: center;" svmx-data="¥{{$F.LNUMBER($F.INT($D.Parts.SVMXC__Total_Estimated_Price__c))}}" width="12%">

  見積額</th>

  </tr>

  </thead>

 

Result(Everything is center aligning. If I change the text-align to right or left then only the headers are moving but not the data.

 

Untitled.png

Can anyone help me on this?

Outcomes