Используя 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;
}