Javascript 如何动态更改dataTable jQuery插件的列标题?
我想更改jQuery datatable插件生成的my datatable列的标题 你知道我是否可以做这样的事情:Javascript 如何动态更改dataTable jQuery插件的列标题?,javascript,jquery,datatable,datatables,Javascript,Jquery,Datatable,Datatables,我想更改jQuery datatable插件生成的my datatable列的标题 你知道我是否可以做这样的事情: table = $('#example').DataTable({ "data": source_dataTable, "columnDefs": defs, "dom": 't<"top"f>rt<"bottom"lpi><"clear">', }); // WHAT I WANT TO DO:
table = $('#example').DataTable({
"data": source_dataTable,
"columnDefs": defs,
"dom": 't<"top"f>rt<"bottom"lpi><"clear">',
});
// WHAT I WANT TO DO:
table.column(0).title.text("new title for the column 0")
也许有API方法或其他dom方法?使用下面的代码。检查
如果第一个tr与td
$('table tr:eq(0) td:eq(0)').text("Text update by code");
如果第一次tr与th
$('table tr:eq(0) th:eq(0)').text("Text update by code");
当使用服务端进程或希望在数据表加载所有数据后执行某些操作时使用
-在表格完成绘制后激发
范例
$('#example').dataTable();
$('#example').on( 'draw.dt', function () {
console.log( 'Redraw occurred at: '+new Date().getTime() );
$('#example tr:eq(0) th:eq(0)').text("Text update by code");
} );
正在使用回调。每次DataTables执行绘制时调用的函数。检查
检查所有回调选项我找到了一个真正动态执行的解决方案
$(table.column(1).header()).text('My title');
可以通过这种方式:
"columns": [{ sTitle: "Column1"},{ sTitle: "Column2"}]
谢谢,我相信它应该适用于经典表,但它不是用jQuery DataTable生成的表,它也适用于数据表。使用用于datatable的表id添加代码。。你能给我看看你的代码吗?我编辑了这个问题,我试了$('table#example tr:eq(0)th:eq(0)')。text(“按代码更新文本”);但是desn不起作用谢谢,是的,如果我直接编写呈现的html,您的示例可以很好地工作。但我不知道为什么,它不适用于jQuery datatable插件呈现的datatable(即使生成的html是相同的),可能它被插件阻止了,因为它是触发排序的地方,我不知道。谢谢你的帮助。不,一旦数据表加载,你就可以编写此代码。有一个函数在datatable加载数据后调用..我将使用datatable插件创建示例..明天的示例应该是英语,而不是法语
$('#example').dataTable( {
"drawCallback": function( settings ) {
$('#example tr:eq(0) th:eq(0)').text("Text update by code");
}
} );
$(table.column(1).header()).text('My title');
"columns": [{ sTitle: "Column1"},{ sTitle: "Column2"}]