row().child().show() 给父行附加子行并显示

最低支持版本:DataTables 1.10


描述(Description)

此方法可用于随时使父行的子行可见。可以使用 row().child()API 附加子行,但不必立即使其可见。这个方法提供了可以让已经在父行附加了子行的内容显示出来的选项。

请注意,该方法只有在 row().child()API 方法带参数时才有用。这是因为 row().child()API 不带参数,他只会返回子行节点( jQueryType 对象或者 undefinedType ),如果你使用带参数的 row().child()API 方法,它会返回 DataTables.ApiType 实例。如果你仅仅只需要显示子行,不需要对子行操作,使用 row().child.show()API 方法即可。

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

类型(Type)


function row().child().show()


描述(Description):

显示父行的子行

返回(Returns):

DataTables.ApiType

Datatables API实例


例子(Example)

根据行的当前状态显示/隐藏行,并根据需要添加行内容:

var table = $('#example').DataTable();
 
$('#example tbody').on('click', 'td.details-control', function () {
    var tr = $(this).parents('tr');
    var row = table.row( tr );
 
    if ( row.child.isShown() ) {
        // This row is already open - close it
        row.child.hide();
        tr.removeClass('shown');
    }
    else {
        // Open this row (the format() function would return the data to be shown)
        row.child( format(row.data()) ).show();
        tr.addClass('shown');
    }
} );

相关属性(Related)

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

API

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

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

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