我目前在如何在1个表中显示2个JavaScript ID方面陷入困境,我想在表中显示“显示列表5、10、50”功能,并且在同一表中还显示“ export csv,pdf等”功能,最好排成一排。
我的代码如下
<div class="row">
<table class="stripe hover multiple-select-row data-table nowrap">
<thead>
<tr>
<th class="table-plus datatable-nosort">Name</th>
<th>A</th>
<th>B</th>
</tr>
</thead>
</table>
</div>
$('document').ready(function(){
$('.data-table').DataTable({
scrollCollapse: true,
autoWidth: false,
responsive: true,
columnDefs: [{
targets: "datatable-nosort",
orderable: false,
}],
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
"language": {
"info": "_START_-_END_ of _TOTAL_ entries",
searchPlaceholder: "Search"
},
});
$('.data-table-export').DataTable({
scrollCollapse: true,
autoWidth: false,
responsive: true,
columnDefs: [{
targets: "datatable-nosort",
orderable: false,
}],
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
"language": {
"info": "_START_-_END_ of _TOTAL_ entries",
searchPlaceholder: "Search"
},
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'pdf', 'print'
]
});
var table = $('.select-row').DataTable();
$('.select-row tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
}
else {
table.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
}
});
var multipletable = $('.multiple-select-row').DataTable();
$('.multiple-select-row tbody').on('click', 'tr', function () {
$(this).toggleClass('selected');
});
});