Question

这个想法是这样的：

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

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

甚至可能吗？

不，我不想为每个表调用datatable jQuery，不，我不想修改结构中的任何内容，因为它现在工作得非常好，只是可以在Javascript中添加一些类或参数。 / p>

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>是“正确”的方式去。

DataTables - 最后一列固定宽度

1 个答案: