Функция рендеринга DataTables с переменным количеством заголовков таблицы - PullRequest
0 голосов
/ 19 марта 2019

Я знаю, что количество столбцов заголовка таблицы и столбцов данных таблицы должно быть одинаковым при использовании DataTables.
Моя проблема заключается в том, что я сейчас сталкиваюсь с проблемой, заключающейся в том, что количество моих тегов <th>условно +/- 2, и я использую функцию рендеринга для отображения соответствующих <td> столбцов.
Неудивительно, что DataTables выдает ошибку (Cannot read property 'style' of undefined).
В любом случае, я также не вижушанс избавиться от функций рендеринга или статической рендеринга заголовков таблиц.
Есть ли способ статистики DataTables, когда для конкретного столбца нет заголовка таблицы?

columns: [
   {
   data: "some_id",
   render: function (data, type, row) {
      return "some content";
   },
   {
    data: "some_id", 
    render: function (data, type, row) {
       return "some content";
   }
]

Вот часть, которая вызывает проблемы.

1 Ответ

1 голос
/ 19 марта 2019

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 вместе с визуализацией при добавлении элементов, таких как кнопка через визуализацию.Это позволит избежать проблем, связанных с тем, что пользователь, возможно, попытается отсортировать или выполнить поиск по столбцу, который отображается только или содержит элемент, который можно выполнить, который недоступен для поиска и сортировки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...