数据表-最后一列固定宽度

DataTables - Last column fixed width

本文关键字：一列 固定宽度 最后 数据表      更新时间：2023-09-26

思路是这样的:

我有一个jQuery加载数据表，我知道我可以设置"aoccolumns":"sWidth"参数使一列固定宽度，它的工作。

我的问题是，我有很多表，列的可变数量，我需要最后一个固定的大小，无论什么数字的列是。有时可以是3rd，有时可以是8th，有时可以是16th，都没关系。

是可能的吗?

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

像这样构造你的表:

<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>是"正确"的方式。

相关文章：