如何根据表中的数字应用不同的样式

Question

我有不同的表格，但是唯一的区别是它们可能有不同的列。 我想定义一个样式，如果列的数量是2，那么第一个td的宽度是80％，第二个的宽度是105.如果表格有三列，它们的宽度应该是45％，45％和10％等。

我该如何在CSS中做到这一点？如果在CSS中无法做到这一点，我该如何在JQuery中做到这一点？

Answer 1

就我所知，就是因为您需要计算百分比和检测列数，所以不能用CSS来完成。

我使用jQuery示例设置了a fiddle，假设每行的列数相同（不使用colspan）。以下是我做的：

var cols  = $('table tr:first td').size(), 
    width  = 90/cols, 
    last_width = 10; 

$('table td').css('width', width + "%"); 
$('table tr > td:last-child').css('width', last_width + "%"); 
​ 

使用的瓦尔是列数，最后一列的大小，以及其他列尺寸（90％的宽度由列数）。然后我们将结果宽度应用于所有单元格，并将最后一列宽度应用于每行的最后一个单元格。