Как скрыть / показать столбцы в таблице, используя DataTable.js? - PullRequest
0 голосов
/ 30 сентября 2019

Я новичок в Node JS, и у меня есть задача поработать над ним. В существующем коде Node js мы используем библиотеку DataTables.js для отображения результатов в виде таблицы. У нас в таблице около 130 столбцов, и мы хотели бы показать только несколько из них пользователям. Мне нужно показать некоторые конкретные столбцы в результате. Для этого я использую следующий код:

$(document).ready(function () {

var table2 = $('#table').DataTable({
    "paging": true,
    "ordering": true,
    "info": true,
    "displayLength": 100,
    "columnDefs": [
        { 'visible': true, 'targets': [ 0,1, 2, 3,4,5,6,7,8,9,10,11, 12,16,17, 20, 21, 22] },
        { 'visible': false, 'targets':'_all' }
    ]
});

К сожалению, он не показывает все указанные столбцы в результате, возможно, просто показывает топ-10 столбцов. Предположим, что если я уберу 0 и 3 индексы с целей, они не будут отображать эти 2 столбца в результате, как ожидалось. Но я сомневаюсь, что почему не отображаются указанные столбцы? Как я заметил при проверке элементов, остальные столбцы динамически скрываются, если для их свойства display установлено значение none style="width: 0px; display: none;" Я не уверен, как и где он устанавливается.

Здесь, во фрагменте выше, я пытаюсь сделать видимые столбцы видимыми, а все остальное скрыть. В этом случае, исключая топ 10 оставшихся столбцов (из массива целей), скрыты. Если я удаляю {'visible': false, 'target': '_ all'} строку , то он рассматривает все 130 столбцов для визуализации и скрывает их (кроме 10 верхних столбцов, то есть от 0 до 9 индекса).

Пожалуйста, дайте мне понять эту концепцию, используя DataTables.js

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