我在元素中使用 footable。当 footable 生成响应表时,它使 th 和 td 在同一个 tr 中。 但我希望它能将 th 和 tds 分开。 让我试着用图片来解释。 我想要这样。
但它生成的是这样的:
基本上我想用不同的 tr 标签将 th 和 tds 分开。
这可能吗? 谢谢。
最佳答案
绝对有可能,而且有很多方法可以做到。我会说最快的方法是绑定(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()
}
}
})
关于jquery - 我怎样才能改变 footable 标题样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44717994/