我使用Datatables插件https://datatables.net
如何使用左、右固定列row_details (子表) details.html,如此datatables
https://jsfiddle.net/bagratzakaryan/bu9o7btL/8/,但在我的示例中,我使用服务器端,并在datatables.js https://datatables.net/forums/discussion/46536/child-rows-show-extra-detailed-information-with-fixed-columns?new=1中获得一个错误,参见下面
发布于 2017-12-28 06:19:40
我在datatables
论坛上发布了这个问题,并回答了这个问题。
https://datatables.net/download/compatibility
我已经像代码一样解决了这个任务。
var dataSet = []; // like json
var columnDefs = []; // init data in the columns
var table = $('#example').DataTable( {
data: dataSet,
columns: columnDefs,
scrollX: true,
});
// datatable fixed columns
var fixedColumns = new $.fn.dataTable.FixedColumns(table, {
leftColumns: 0,
rightColumns: 1
});
event.open细节控制
// unset fixed right column after epening additional details
fixedColumns.s.rightColumns = 0;
fixedColumns.s.iRightColumns = 0;
table.fixedColumns().update();
// hide fixed right column after epening additional details
$('.DTFC_RightWrapper').hide();
event.close细节控制
// set fixed right column after closing additional details
fixedColumns.s.rightColumns = 1;
fixedColumns.s.iRightColumns = 1;
table.fixedColumns().update();
// show fixed right column after closing additional details
$('.DTFC_RightWrapper').show();
链接jsfiddle
https://stackoverflow.com/questions/47976301
复制相似问题