Question

根据我的要求，我使用DataTable.js插件来显示表格中的数据。我使用下面的代码在该表中添加一个新行。

var new_row = table.row.add({
                "select": '<input type="checkbox" />',
                "name": '<input type="text" 
placeholder="Enter Name" />',
                "position": '<input type="text" 
placeholder="Enter position" />',
                "salary": '<input type="text" 
placeholder="Enter Salary" />',
                "start_date": '<input type="text" 
placeholder="Enter Start Date" />',
                "office": '<input type="text" 
placeholder="Enter Office" />',
                "extn": '<input type="text" 
placeholder="Enter Extn" />',
                "action": '<input data-click="toggle" type="button" 
value="View Details" /> <input data-click="remove" type="button"    
value="Remove" />'
            }).draw().node();

            $(new_row).css('background', 'red');

代码工作正常。

ISSUE：新行已添加为该表中的最后一行。我想要做的是必须将新行添加为第一行。

任何人都可以帮我找到解决方案吗？任何帮助将不胜感激。

Answer 1

Datatable始终根据排序属性对其行进行排序。因此，如果您希望新行显示在表格顶部，则必须设置新的row'a属性，例如它接受排序并显示在顶部。的例如。如果排序属性是创建日期，则新行必须具有最近创建的日期。

Answer 2

$(new_row).prepend(table_id);

$(new_row).prepend("#taable_id");

如何在DataTable插件中添加新行作为表的第一行？

2 个答案: