Я использую таблицы данных в своем проекте, у меня есть страница, которая содержит 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');
}
}
]
});
}