0

这个想法是这样的：

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

我遇到的问题是我有很多表，列的数量可变，并且我需要最后一个固定大小，无论该列是什么数字。有时可以是第 3次，有时可以是第 8次，有时可以是第 16次，没关系。

甚至可能吗？

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

4

1 回答 1

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

于 2013-01-19T00:48:10.270 回答