动态更改thead，tbody，td的宽度

Question

我在此表的.css文件中应用了此属性，记录为9。

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

当我有4列宽度时必须是23.2％，当我们有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);
  });
});