使用jQuery DataTables如何将类仅添加到<td>元素而不添加到<th>元素

Question

我需要在某些元素上使用类创建表划分。当我使用column.className选项时，该类也会在该元素上设置。这使我正在使用的样式看起来不明显。

JS

$('#budgetAllocation').DataTable({
  columns: [
    {
      name: 'Id',
      className: 'table-control',
    },
    {
      name: 'name',
      className: 'table-control table-divide',
    },
    {
      name: 'place',
      className: 'table-control'
    },
    {
      name: 'zip',
      className: 'table-control'
    }
  ]
});

CSS

.table-divide {
  border-right: 4px solid #ddd;
  border-right-width: 4px;
  border-right-style: solid;
  border-right-color: rgb(221, 221, 221);
}

.table-control {
  padding-left: 20px !important;
}

Answer 1

经过一番研究，我发现无法将类仅应用于td元素。因此，仅使用CSS即可应用样式。

CSS

td.table-divide {
  border-right: 4px solid #ddd;
  border-right-width: 4px;
  border-right-style: solid;
  border-right-color: rgb(221, 221, 221);
}

td.table-control {
  padding-left: 20px !important;
}