Javascript datatables使用fnAddData或类似工具动态添加行,并向特定列添加类
好的,我正在尝试使用datatables向已经呈现的表动态添加新行。到目前为止,我所拥有的是Javascript datatables使用fnAddData或类似工具动态添加行,并向特定列添加类,javascript,jquery,datatables,Javascript,Jquery,Datatables,好的,我正在尝试使用datatables向已经呈现的表动态添加新行。到目前为止,我所拥有的是 oTable.fnAddData(["D:\Exlab", '[<a href="#" class="datasource_row_edit" data-idr="reference">Edit</a>] [<a href="#" class="datasource_row_delete" data-idr="reference">Delete</a>]'
oTable.fnAddData(["D:\Exlab", '[<a href="#" class="datasource_row_edit" data-idr="reference">Edit</a>] [<a href="#" class="datasource_row_delete" data-idr="reference">Delete</a>]']);
oTable.fnAddData([“D:\Exlab”,“[]]]);
这适用于添加一行(如果有人知道如何使用类似的函数添加多行而不运行循环,这将是额外的)。但是,我想有一个特定的列在这种情况下,第二列有一个特殊的类,有没有办法将类添加到正在动态添加的列中?我认为您可以通过控制列定义并通过fnRender分配类来实现这一点。定义列后,向fnAddData函数提供一些数据 下面是一个类似的问题。。我想你会觉得有用的 在您的例子中,我认为列定义应该是这样的
...
"aoColumns": [
{
"sClass": "datasource_row_edit",
"fnRender": function( oObj ) {
return '<a href="#" data-idr="reference">Edit</a>';
}
},
{
"sClass": "datasource_row_delete",
"fnRender": function( oObj ) {
return '<a href="#" data-idr="reference">Delete</a>';
}
}
],
...
并让datatable动态呈现任何格式本身对于第一个问题,您可以连接到“fnCreatedRow”回调。这将允许您侦听行添加事件,并根据需要对其进行操作
“好处”是,您可以将2d数组传递给fnAddData以避免循环表格最初由php呈现,然后datatables在其上运行,在这种特殊情况下,表格已经呈现,我将在用户输入时添加新行。因此,整个链接是我想要应用类的第二列的一部分,而不是链接本身。该列将文本向左对齐,背景颜色略有不同,但仅在该列上,当我使用fnAddData添加该类时,该类不适用,因此我试图找出如何使该类应用于TD整体]
var json = eval("[" + response + "]");
oTable.fnAddData(json);