2016-04-14 8 views
1

はこちらのページをご覧くださいthead要素のアライメントの問題で複数のTR:http://live.datatables.net/fadoteba/1/のDataTable - FixedHeader -

私が午前問題は、私はこのようなthead要素がある場合:

<thead> 
    <tr style="background-color: #99b3ff"> 
     <th align="left" colspan="13"> 
      somelongnamehere-dsadsadsadsadsadsa<br /> 
      Total LPARs: 9<br /> 
      Planned LPARs: 0<br> 
      <br> 
      Free memory: 286 GB (excl planned lpars)<br /> 
      Total vCPU (incl planned): 21 
     </th> 
    </tr> 
    <tr> 
     <th width="100">Customer</th> 
     <th>Frame</th> 
     <th>LPAR</th> 
     <th>CPU<br>Virtual</th> 
     <th>Cluster</th> 
     <th>Bubble</th> 
     <th>ProcPool</th> 
     <th>Mem (GB)</th> 
     <th>Add<br>Mem (GB)</th> 
     <th>Total<br>Mem (GB)</th> 
     <th>Mem<br>overhead (GB)</th> 
     <th>AME</th> 
     <th>ReqID</th> 
    </tr> 
</thead> 

これねじアップアライメントをfixedheaderの最初の<tr>を削除して、それと同じように動作するようにしてください(この例では、これを見るためにスクロールしてください)。この問題を解決するために私は何ができますか?何が間違っていますか?

答えて

1

あなたの問題はテーブルのスタイルです。テーブルにテーブルレイアウトプロパティが自動的に設定されます。私は線の下に追加 は、問題を解決するためにCSSへ:

table { 
    table-layout: auto !important; 
} 

少し遅れDatatable Link

+0

驚くべき解決策.. – Shubham

0

が、私はaccidentalyからテーブルレイアウトを削除することでしたソリューションにつまずいまで、私はこの問題に6時間を費やしCSSと私はここでこの解決策を見つけた!

.dataTable.fixedHeader-floating { 
    table-layout: auto !important; 
}