Footable 一次仅展开 1 行

Question

我使用 Footable 作为我的数据。 here's an official example。使用 beakpoints 我可以隐藏一些数据并在必要时展开它...... 但是我想一次展开一行并关闭其他展开的行。

有了 Footable，我发现我可以访问扩展行的事件，例如：

 $("#footableID").on("expand.ft.row", function (e, ft, row) {
    var rows=$('#footableID tbody').children("tr");
    // hide expanded data
});

但我找不到隐藏扩展行的方法... 我尝试删除行的 data-expanded="true" 属性，但 dosnt 似乎工作... 另外，我不确定 children 是否是访问行的最佳方式

Answer 1

好的，所以“查找”是访问行子项的更好方法，当您得到展开的行时，您必须触发单击以关闭它。 ...如果我理解正确的话 expand.ft.row 在实际展开之前发生

$("#tabla").on("expand.ft.row", function (e, ft, row) {
    $('#tabla tbody').find('tr').each(function(){
        if (this.getAttribute("data-expanded")){
            this.click(); 
        }
    })
});

Footable 一次仅展开 1 行

Footable expand only 1 row at a time

html

javascript

jquery

footable