Jquery 如何更改可脚踏式头部样式？

我正在一个项目中使用footable。当footable生成响应表时，它使th和td在同一tr内。 但我想把th和tds分开。 让我试着用图片来解释。 我想要那样的

但它会产生这样的结果：

基本上我想用不同的tr标签来区分th和tds

这可能吗？

---

谢谢。

绝对可能，而且有很多方法可以做到这一点。我认为最快的方法是绑定到“expand.ft.row”事件：

FooTable.init（“#元素”{
关于：{
“expand.ft.row”：函数（e，ft，row）{
setTimeout（函数（）{
var detailTRs=行$el.find（“.footable details>tbody>tr”）。未（“.processed”）
detailTRs.before（函数（）{
返回$（“”）.追加（$（this）.children（“th”））
}).addClass（“已处理”）
}, 1000);
},
“collapse.ft.row”：函数（e，ft，row）{
//删除我们创建的剩余tr元素。
行$el.find（“.footable details>tbody>tr”）.remove（）
}
}
})     

非常感谢，老兄，我回家后会试试的，但说真的，你是怎么发现这个问题的已经一个多星期了，我对答案毫无希望。我最近一直在使用footable，并开始跟踪footable问题。

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()
        }
    }
})