如何使用 JQuery 动态地向 table 添加数据

Question

我有 3 个下拉菜单和一个按钮 "Add"，当我 select 下拉菜单并单击添加时，它必须使用 JQuery 插入 table 并且DataTables.How 我会动态添加行吗？我已经完成了使用 for 循环迭代列表然后添加到数据table 但这是 different.pls 在这方面帮助我，

 function addToTable(){

     var project = document.getElementById("projectId").value;
     var process = document.getElementById("glbProcessId").value;
     var role = document.getElementById("roleId").value;

            var t = $('#example').DataTable();


            $('#addRow').on( 'click', function () {
                t.row.add( [
                   // ##### how do i add the data here???##############
                ] );


            } );

 }

提前致谢

Answer 1

例如，我刚刚在其中添加了静态值：

$('#addRow').on( 'click', function () {
   t.row.add( [
      "1st Column's data",
      "2nd Column's data",
      "3rd Column's data",
      "4th Column's data",
       //and so on as based on number of your columns
   ]).draw();
});

如果您想添加动态值，可以在 t.row.add 行上方添加一个 Ajax 函数，然后传递这些值而不是静态值。

更多参考see this example.

如何使用 JQuery 动态地向 table 添加数据

How to add data to table dynamically using JQuery

html

jquery

datatables