row().child.hide() 隐藏父行的子行

最低支持版本:DataTables 1.10


描述(Description)

此方方法可以随时隐藏父行的子行。将子行设置为隐藏时,它们不会与父行分离,而是简单的不绘制在页面上。实际调用的是jQuery的detach方法。

与操作Datatables许多其他方法不同,此方法不需要调用 draw()API 即可显示结果更改。子行从表中移除,不需要重新绘制Datatables。

类型(Type)


function row().child.hide()


描述(Description):

隐藏父行的子行,实际调用的是jQuery的detach方法

返回(Returns):

DataTables.ApiType

Datatables API实例


例子(Example)

给每一行创建一个详情,点击可展开详情

var table = $('#example').DataTable();
 
table.rows().every( function () {
    this.child( 'Row details for row: '+this.index() );
} );
 
$('#example tbody').on( 'click', 'tr', function () {
    var child = table.row( this ).child;
 
    if ( child.isShown() ) {
        child.hide();
    }
    else {
        child.show();
    }
} );

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

API

https://datatables.net/reference/api/row().child.hide()

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……