DataTables列宽：小值不起作用

我试图将DataTables列的列宽设置为一个较小的值（如

10px

）

根据，我应该能够使用：

$('#mytable').dataTable( {
    "columnDefs": [
      { "width": "10px", "targets": 0 }
    ]
} );

这似乎适用于较大的值（如

100px

），但不适用于我尝试使用的较小值

我的列标题和该列中的单元格只包含

，因此它们不应该定义宽度。 我从标题中删除了排序的可能性，这样也不会占用空间（

“orderable”：false

）

Jsfiddle：

我还尝试使用

显式设置宽度

关于如何做到这一点有什么建议吗

解决方案

使用以下代码删除最后一列的填充和内容，并将所有单元格涂成特定颜色

JavaScript

$('#mytable').dataTable({
    "order": [],
    "paging": false,
    "dom": 'T<"clear">lfrtip',
    "columnDefs": [{
        "className": "tag",
        "orderable": false,
        "width": "2px",
        "targets": 2
    }]
});

可以使用callback根据行数据为行设置类。然后，您将能够根据该数据为每一行添加不同的颜色

演示

---

有关代码和演示，请参阅。

您想要实现什么？如果列中没有数据，则可以隐藏该列。列宽也受填充的影响，您需要添加CSS规则来克服这一问题。@Gyrocode.com：表中的数据由分组的不同用户填充。我试图添加一个列，其中单元格将获得一个特定的CSS类，显示特定的颜色或背景图像。基本上，这个窄列（仅显示颜色）将指示添加特定内容/行的用户组。

table.dataTable thead tr th.tag,
table.dataTable tbody tr td.tag {
    padding:0;
    text-indent:-9999px;
}

table.dataTable tbody tr td.tag,
table.dataTable tbody tr td.tag {
    background-color:red;
}