我正在尝试在我的应用程序中使用数据表并查看动态添加行的示例。它有效但很奇怪。它在我现有的行上方添加行。我怎样才能解决这个问题?
事实上,请看这个演示页面:
http://datatables.net/examples/api/add_row.html
然后单击“单击以添加新行”。你会看到 1.1, 1.2, 1.3, 1.4 被添加到 allan, allan, allan, allan 行的上方。
我如何告诉数据表在艾伦下方而不是上方添加该行。
我正在尝试在我的应用程序中使用数据表并查看动态添加行的示例。它有效但很奇怪。它在我现有的行上方添加行。我怎样才能解决这个问题?
事实上,请看这个演示页面:
http://datatables.net/examples/api/add_row.html
然后单击“单击以添加新行”。你会看到 1.1, 1.2, 1.3, 1.4 被添加到 allan, allan, allan, allan 行的上方。
我如何告诉数据表在艾伦下方而不是上方添加该行。
我对发布在以下位置的答案感到非常惊讶:
使用 jQuery DataTables 插件,fnAddData() 是否将行添加到 html 表格的顶部或底部?
并且不知道为什么它被接受。
@fbfcn 的答案也可能是从那里引用的。我不确定!
事实上,如果您false
作为第二个参数传递,则不会添加任何行本身!
正确答案和唯一需要的更改是将“ bSort
”参数设置为 false。设置它,你就完成了!
回答它以供将来参考。
add new row 函数有一个可选的布尔值,表示表格是否被重绘。因此,您在演示中看到的内容按第 1 列排序,当添加新项目时,结果将被重新排序。如果您传递 false ,则重绘将不会发生并且会按照您的预期运行,但不会被排序。您可以通过降序对第 1 列进行排序然后添加行来查看正在发生的情况。
$(this).fnAddData(data, false);
从API:
Input parameters:
{array|object}: The data to be added to the table. This can be:
1D array of data - add a single row with the data provided
2D array of arrays - add multiple rows in a single call
object - data object when using mDataProp
array of objects - multiple data objects when using mDataProp
{bool} [default=true]: redraw the table or not