DataTable使用for循环添加新行

时间:2019-01-08 11:17:12

标签: jquery datatable row add ecmascript-5

大家好

我对DataTable及其添加新行的API有疑问。我正在使用带有ES5的jQuery的DataTable(是的,我需要这种组合)。

我有一个带有功能的按钮,我称之为“ addNewRow”(是的 明显)。如果我单击此按钮,则显示带有输入的模式,可以在其中输入一些数据,例如姓名,薪水等,并将其实现到我的DataTable中,但是有什么可能的方法来使它更动态?因为每次当我想创建新列并向HTML模态添加新输入时,都必须在row.add()的js文件中添加新行代码。

这里是一个例子:


    $buttonWrapper.on('click', '.addButton', function (){

    $table = $('table').DataTable();

    $table.row.add([

    $modal.find('input').eq(0).val(),
    $modal.find('input').eq(1).val(),
    $modal.find('input').eq(2).val()

    ]).draw();

    });

我想在循环中添加一些东西:


    $buttonWrapper.on('click', '.addButton', function (){

    $table = $('table').DataTable();
    $theadTr = $('table thead tr');

      for(var i = 0; i < $theadTr.length; i++){

       $table.row.add([

       $modal.find('input').eq(i).val()

      ]).draw();
     }

    });

我知道每次row.add()都会添加它,因为它取决于长度。我也尝试在row.add()函数中实现方法,但它不起作用(可能在免费版本中不存在类似的东西)。我也尝试了add.rows(),但它也不起作用。 感谢您的任何建议。

1 个答案:

答案 0 :(得分:0)

希望获得帮助。

write