Datatables.net несколько таблиц с кнопками colvis - PullRequest
0 голосов
/ 02 мая 2019

Я использую таблицы данных в своем проекте, у меня есть страница, которая содержит 3 разные таблицы.Мне нужно разрешить видимость столбцов на каждой таблице.Проблема в том, что это не работает вообще, когда на странице есть несколько таблиц.У меня есть другая страница, которая имеет только одну таблицу, и тот же код прекрасно работает там.Я провел некоторое время, просматривая справку и форум веб-сайтов, но не нашел решения.Кто-нибудь знает решение для этого?

Ниже приведен пример моего кода, каждая таблица имеет свою собственную функцию обработки данных и присваивается своему классу таблицы, например dataTable1, dataTable2, dataTable3.Таким образом, нет никакой путаницы в каждом методе Init, вызывающем неправильную таблицу.Что может быть причиной его сбоя на многостоловой странице

function InitDataTable() {    
    $('.dataTable').DataTable({
        "initComplete": function () { },
         fixedHeader: true,
         scrollY: '400px',
         scrollX: true,
         scrollCollapse: true,                          
         "language": { "emptyTable": "" },
         searching: false, 
         paging: false, 
         info: false, 
         "ordering": true,
         "responsive": false,
         dom: 'Bfrtip',
         "autoWidth": true,
         stateSave: true,
         buttons: [
         {
             extend: 'colvisGroup',
             className: 'ResetButton',
             text: 'Reset',
             show: ':hidden'
         },
         {
              extend: 'colvis',
              className: 'ColControl',
              columns: ':not(.noVis)'//,
         },
         {
              extend: 'copyHtml5',
              className: 'btn-copy',
              title: '@Model.ReportName',
              footer: true,
              exportOptions: {
                  columns: ':visible'
              }
         },
         {
              extend: 'excelHtml5', 
              className: 'btn-excel',
              title: '@Model.ReportName',
              footer: true,
              exportOptions: {
                  columns: ':visible'
              }                    
         },
         {
              extend: 'csvHtml5',
              className: 'btn-csv',
              title: '@Model.ReportName',
              footer: true,
              exportOptions: {
                  columns: ':visible'
              }
         },
         {
              extend: 'print',
              className: 'btn-print',
              title: '@Model.ReportName',
              footer: true,
              exportOptions: {
                  columns: ':visible'
              },
             customize: function (win) {
                 var t = $(win.document.body).find('table');
                 t.find('tr').css('font-size', '12px');                      
             }
         }
       ]
  });
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...