Question

我想左对齐数据表中具有字符串的特定列，右对齐具有整数值的列。

除此之外，我可以通过定位如下所示的特定列来实现：

label:before {
    content: url("https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/unchecked_checkbox.png");
    position: absolute;
    z-index: 100;
}
:checked+label:before {
    content: url("https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/checked_checkbox.png");
}
input[type=checkbox] {
    display: none;
}
/*pure cosmetics:*/
image {
    width: 100px;
    height: 100px;
}
label {
    margin: 10px;
}

但是我已经在我的数据表中的列中实现了拖放功能，所以当我这样做时，css将存在于该特定列中（如果列从第6列移动到第3列，则css也应移至第3列）

任何人都可以帮助我如何将该CSS限制在该列中？

Answer 1

您可以使用columns.className选项为列指定类名。如果您正在使用ColReorder扩展程序，则类名会随着列的移动而移动。

例如，请参阅下文，如何将类col-name分配给第一列。

var table = $('#example').DataTable({
   colReorder: true,
   columnDefs: [
      {
         targets: 0,
         className: 'col-name'
      }
   ]
});

请参阅this example以获取代码和演示。

如何将css限制为具有拖放功能的数据表中的特定列

1 个答案: