div
自：DataTables 2.1
文本/HTML 容器
说明
此特性本身不提供表控件或信息，相反，它提供了一种简单的机制，可以用它在 DataTables 控制的布局网格中将 HTML 或文本放置在表的周围。
示例
在表的顶部显示文本
new DataTable('#myTable', {
layout: {
top: {
div: {
text: 'This is my DataTable!'
}
}
}
});使用 ID 和 class 设置文本
new DataTable('#myTable', {
layout: {
topStart: {
div: {
className: 'warn',
id: 'warn-btn',
html: 'Click button to acknowledge: <button>Ack</button>'
}
}
}
});使用选择器在初始化后添加文本
let table = new DataTable('#myTable', {
layout: {
top: {
div: {
id: 'dynamic'
}
}
}
});
// Wait for the table to be ready - allows this to work with DOM or Ajax loaded data
table.ready(() => {
let el = document.querySelect('#dynamic');
el.textContent = 'Dynamically updated';
});相关
以下选项直接相关，在你的应用程序开发中也可能有用。