我有一个jQuery DataTable,我想添加html tr行。 这些行以html字符串的forms出现。 我可以使用标准的jQuery将这些添加到表中,但这意味着它们会绕过DataTable对象,并在使用表时丢失。 使用DataTable rows.add()函数意味着我需要数组格式的行。
// table_rows actually comes from an ajax call. var table_rows = '... ... ... '; // This successfully adds the rows to the table... :-) $('#datatable_id').append(table_rows); // ...but those rows are lost when we redraw the DataTable. :-( table = $("#datatable_id").DataTable(); table.order([0,'desc']).draw();
不幸的是,我无法轻易改变从服务器返回的内容,因此我似乎需要一个客户端解决方案。
您不应该直接操作表并使用适当的jQuery DataTables API方法。
您可以使用rows.add()
API方法在提供tr
节点时添加多行。 您可以从服务器响应构造tr
节点。
例如:
var table_rows = 'Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800 '; table.rows.add($(table_rows)).draw();
有关代码和演示,请参阅此jsFiddle 。
如果您要添加多个tr
如下所示。
var table_rows = ' Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800 rnTiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800 ';
在上面的字符串中, 和
标记之间有空格, rn
。 你需要删除那些空格和rn
标记。
obj = obj.replace(/^s*|s*$/g, ''); obj = obj.replace(/\r\n/gm, ''); var expr = "\s*
以上代码解决了我的问题。
需要了解更多jQuery教程分享如何从html字符串向jQuery DataTable添加多行,都可以关注jQuery技术分享栏目---计算机技术网(www.ctvol.com)!
以上就是jQuery教程分享如何从html字符串向jQuery DataTable添加多行相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/981102.html
赞 (0)
jQuery技术:使用两个或更多$(document).ready ..会影响性能吗?
上一篇
2021年12月12日
jQuery技术:jQuery添加一个类 – 我尝试过的所有方法都会在点击时删除该类
下一篇
2021年12月12日