rows.add() 给表格添加多条新的数据

最低支持版本:DataTables 1.10


描述(Description)

向表中添加新数据是能够动态控制Datatables内容的核心概念,并且此方法提供了执行此操作的能力。它可以一次添加多条数据。如果你一次只想添加一条数据,则可以使用此方法的单数形式: row.add()API

添加的行要遵循应用于表的排序和搜索条件,这将确定新行在表中的位置和可见性。

此方法将在内部将数据添加到表中,但不会立马更新到表中可见表示是新添加的数据。为了更新表格显示,请使用 draw()API 方法,通过 rows.add()API 方法返回的对象,链式操作即可,像这样table.rows.add( [ 1, 2, 3, 4 ] ).draw();。这样做是为了使操作表格易于优化,可以在重绘之前添加多行数据。

类型(Type)


function rows.add( data )


描述(Description):

向表中添加给定的数据

参数(Parameters):

返回(Returns):

DataTables.ApiType

Datatables API 实例,结果集中包含新添加的行


例子(Example)

添加两行新数据,然后重绘表格

var table = $('#example').DataTable();
 
table.rows.add([ 
    ["AAA Datatables中文网","System Architect","Edinburgh", "21","2011/04/25","$3,120"]
    ,
    ["AA Datatables中文网","System Architect","Edinburgh", "21","2011/04/25","$3,120"] 
     ] ).draw();

table.search("Datatables中文网").draw();

添加两行新的数据,并获取新行数据的node节点,添加高亮样式

var table = $('#example').DataTable();
 
table
    .rows.add([
        ["AA Datatables中文网","System Architect","$3,120","2011/04/25","Edinburgh","5421"],
        ["AA Datatables中文网","System Architect","$3,120","2011/04/25","Edinburgh","5421"]
    ]) 
    .draw()
    .nodes()
    .to$()
    .addClass( 'new' );
.new{
    color:green;
    font-weight:bolder;
}

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

API

https://datatables.net/reference/api/rows.add()

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……