首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带有固定列的子行(显示额外/详细信息)

带有固定列的子行(显示额外/详细信息)
EN

Stack Overflow用户
提问于 2017-12-26 09:15:33
回答 1查看 2.8K关注 0票数 1

我使用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中获得一个错误,参见下面

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-28 06:19:40

我在datatables论坛上发布了这个问题,并回答了这个问题。

https://datatables.net/forums/discussion/46536/child-rows-show-extra-detailed-information-with-fixed-columns?new=1

https://datatables.net/download/compatibility

我已经像代码一样解决了这个任务。

代码语言:javascript
运行
复制
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细节控制

代码语言:javascript
运行
复制
// 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细节控制

代码语言:javascript
运行
复制
// 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

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47976301

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档