jquery - 我怎样才能改变 footable 标题样式？

Question

我在元素中使用 footable。当 footable 生成响应表时，它使 th 和 td 在同一个 tr 中。但我希望它能将 th 和 tds 分开。让我试着用图片来解释。我想要这样。

但它生成的是这样的:

基本上我想用不同的 tr 标签将 th 和 tds 分开。

这可能吗？谢谢。

Answer 1

绝对有可能，而且有很多方法可以做到。我会说最快的方法是绑定(bind)到“expand.ft.row”事件:

FooTable.init("#element", {
    on: {
        "expand.ft.row": function (e, ft, row) {
            window.setTimeout(function() {
                var detailTRs = row.$el.find(".footable-details > tbody > tr").not(".processed")
                detailTRs.before(function() {
                    return $("<tr>").append($(this).children("th"))
                }).addClass("processed")
            }, 1000);
        },
        "collapse.ft.row": function (e, ft, row) {
            //remove the leftover tr elements we created.
            row.$el.find(".footable-details > tbody > tr").remove()
        }
    }
})