DataTables требует, чтобы количество столбцов в <thead>
соответствовало количеству столбцов в <tbody>
.Добавление столбцов в массиве column: [], у которого нет связанного столбца в <thead>
, приведет к внутренней ошибке JS DataTable.Эту проблему можно обойти, добавив пустой <th></th>
в заголовок для столбцов, использующих рендер.
<table>
<thead>
<th>Column 1</th>
<th>Column 2</th>
<th></th>
</thead>
</table>
Свойство столбцов DataTable
columns: [
{data: "column1"},
{data: "column2"},
{
data: "some_id",
render: function (data, type, row) {
return "some content";
},
sortable: false, // optional
searchable: false // optional
}
]
В качестве дополнительной подсказкиможет быть полезно добавить сортируемое, доступное для поиска значение false вместе с визуализацией при добавлении элементов, таких как кнопка через визуализацию.Это позволит избежать проблем, связанных с тем, что пользователь, возможно, попытается отсортировать или выполнить поиск по столбцу, который отображается только или содержит элемент, который можно выполнить, который недоступен для поиска и сортировки.