我可以在thead和tbody之间的数据表/ html表中添加标题吗?

时间:2015-11-02 17:20:35

标签: html5 dom datatables caption

我想在下方和上方显示文字,提供用户说明。 我使用jquery dataTables填充它,但表格在前端跟随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"}
    ]      

    });

2 个答案:

答案 0 :(得分:1)

使用fnDrawCallback。刷新表后,将清除所有数据,以免丢失手动添加的任何内容。

fnDrawCallback

有关jsfiddle

的更新版本,请参阅here

答案 1 :(得分:1)

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

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

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