我有以下格式的响应式数据表(响应式文档):
var dataTableInfo = j$('[id$="dataTableInfo"]').DataTable({
responsive: {
"autoWidth": true,
details: {
type: 'column',
target: 0
}
},
columnDefs: [ {
className: 'control',
orderable: false,
targets: 0
} ]
});
我通过对外部数据源的搜索来填充数据,然后在 DataTable 中有第二个表,其中包含来自我的实例化的附加数据(在子行中)。我可以单击第一列中的图标来展开并显示子行,一切正常。
我想要完成的是通过这个DataTable的Javascript自动扩展子行,一旦所有数据都被加载(我知道这在回调函数中何时发生)。
我尝试了以下多种变体:
function ExpandTable(){
var tab = j$('[id$="dataTableInfo"]').DataTable();
alert(tab);
tab.rows().every( function () {
this.child.show();
} );
}
但是我的表根本不会扩展它的子行。没有任何反应,控制台中也没有错误消息。
谁能帮我解释一下我如何根据这个模拟按钮点击:
$('#example tbody').on( 'click', 'tr', function () {
var child = table.row( this ).child;
if ( child.isShown() ) {
child.hide();
}
else {
child.show();
}} );
或以任何其他方式自动扩展子行。
再见!