bootstrap -table隐藏除单击的行以外的所有行

Question

var $table = $('#table');
$table.on('expand-row.bs.table', function (e, index, row, $detail) {
    $detail.html('Carregando os dados...');
});

我想捕获除单击的行以外的所有行，并关闭它们。

Answer 1

我想expand-row是一类...
我还假设您的行的实际display值是table-row ...
但这也可能是inline 。

尝试这个：

var $table = $('#table');
$table.on("click", '.expand-row.bs.table', function (e, index, row, $detail) {

    $('.expand-row.bs.table').each(function(){  // iterates all rows.
        $(this).css({"display":"none"});        // Here, "this" is row element.
    });

    $(this).css({"display":"table-row"});   // Here, "this" is the clicked element.

    $detail.html('Loading data ...');
});