変更thead要素の幅、TBODY、tdの動的

Question

私は、この表上の.cssファイルにこのプロパティを適用し、レコードが、私はときに我々4列の幅は、23.2％である必要があります持っているときと同じように9

.fixed tbody td, thead th { 
    width: 5.2%; 
    float: left; 
    } 

です5列の幅は18.2％、6列の幅は16.2％、7の幅は14.2％でなければなりません。列が8の場合、幅は12.2％でなければなりません。多分もっと多くの列が来るので私は知りませんが、どのようにこの幅を管理できますか？私は質問を見ましたが、幅が連続的に減少または増加しなければならないことを示しています。だから今、何が最良の解決策ですか？

Answer 1

したがって、各列に等しい幅を設定し、列の数がわからないようにします。
幅は、表の幅を列の量で割ったものになります。

$(document).ready(function(){ 

    // The table to work on. 
    var table = $("table.fixed") 

    // Get table width 
    var tableWidth = table.width(); 

    // Get the collection of the td on the first row. 
    var firstRowTdCollection = table.find("tr").first().find("td"); 

    // Get the column count. 
    var columnCount = firstRowTdCollection.length; 

    // Calculate the width based on table width divided by the column amount. 
    var widthToApply = tableWidth/columnCount; 

    // Apply the calculated width on the first row (Not necessary on the other rows) 
    firstRowTdCollection.each(function(){ 
    $(this).width(widthToApply); 
    }); 
});