我可以在 thead 和 tbody 之间的 datatable/html table 中添加标题吗？

Question

我想在下方和上方显示提供用户说明的文字。我正在使用 jquery 数据表来填充它，但 table 在前端跟随 HTML。有什么建议么？这是一个 JFiddle： http://jsfiddle.net/PrateekParekh/fr2zztL0/6/

$('#source').dataTable({
    "aaData": src,
    "sPaginationType": "full_numbers",
    "bFilter": true,
    "bProcessing": true,
    "bRedraw": true,
    "bDestroy": true,
    "bInfo": false,
    "bLengthChange": false,

    "aoColumns": [
    {"mData": "Module Title"},
    {"mData": "Module ID"},
    {"mData": "Module Language"}
    ]      

    });

Answer 1

为此使用 fnDrawCallback。刷新 table 时，所有数据都会被清除，因此您将丢失手动添加的任何内容。 fnDrawCallback 事件在每次 table 重绘后触发，因此我们可以使用它来添加您的消息。

'fnDrawCallback': function(oSettings) {
    $("<tr colspan='2'><td>Press Ctrl+Click To select</td></tr>").prependTo("table > tbody");
}

请参阅 here 以获取 jsfiddle 的更新版本

Answer 2

您可以使用此代码！
$('#source').append('<caption style="caption-side: top">...</caption>'); $('#source').dataTable({ ... })

这会在您在
"caption-side: top/bottom/left/right

中选择的位置向数据表添加标题

我可以在 thead 和 tbody 之间的 datatable/html table 中添加标题吗？

Can I add a caption to a datatable/html table between thead and tbody?

html

dom

datatables

caption