javascript - DataTables - 最后一列固定宽度

Question

思路是这样的:

我有一个加载数据表的 jQuery，我知道我可以设置“aoColumns”:“sWidth”参数来使一列固定宽度并且它正在工作。

我遇到的问题是我有很多表，列数可变，我需要最后一个固定大小，无论该列的数字是多少。有时可以是3^rd，有时可以是8^th，有时可以是16^th，无所谓。

甚至可能吗？

不，我不想为每个表调用数据表 jQuery，不，我不想修改结构中的任何内容，因为它现在工作得很好，只是可能向 Javascript 添加一些类或参数。

Answer 1

像这样构建你的表:

<table class="tableClass">
    <colgroup>
    <col></col>
    <col></col>
    <col></col>
</colgroup>
<thead>
    <tr>
        <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
            <td>Cell 3</td>
    </tr>
</tbody>    
</table>

这样，您的 jQuery 将只需要这样做:

$('.tableClass').each(function() {
    var self = this;
$(self).find('col:last').css('background-color', 'red'); 
});

jQuery 将在每个表中找到具有该类的最后一列，并在每个表上对最后一个类执行任何您想做的事情。 (我只是使用背景色来测试它。)

如果您所做的只是设置宽度，那么您可以通过 $(self).find('th:last') 来解决问题，但是 <colgroup>和 <col>是“正确”的方式。