jQuery将行追加到表

Question

我有一个带有插入新行选项的jQuery DataTable。
我已将表格行的上限设置为8。
如果表已经有8行，则会显示一条错误消息。
问题是，如果我有7行，则不会添加第八行。
如何解决呢？

var addImage = function(){
    var row_number = $s('.table-slides tbody tr').length;
    var oTable     = $s('#dataT').DataTable();
    var max_rows   = 8;

    $s('body').on('click', '#slide-add', function(){

        if(row_number < max_rows){
            oTable.row.add(
                [
                '<input type="text" name="nume[]" />',
                '<input type="file" name="image[]" id="image" />',
                '<input type="text" name="link[]" />',
                '<a title="Vizualizeaza slide" href="javascript:void(0);"><i class="fa fa-eye"></i></a>',
                '<a href="javascript:void(0);"><i class="fa fa-times"</i></a>'
                ]
                ).draw();
            row_number++;

        }else{
            alert('Error max limit exceeded');
        }
    });
};

Answer 1

解决了。
我的DataTable中有一个emty行，其中显示有关空表的消息。

var addImage = function(){
    var row_number = $s('.table-slides tbody tr').length;
    var oTable     = $s('#dataT').DataTable();
    var max_rows   = 8;
    var empty_row  = $s('.dataTables_empty').length;

    if(empty_row){
        row_number = 0;
    }

    $s('body').on('click', '#slide-add', function(){

        if(row_number === max_rows){
            alert('Error max limit exceeded');
        }else{
            oTable.row.add(
                [
                '<input type="text" name="nume[]" />',
                '<input type="file" name="image[]" id="image" />',
                '<input type="text" name="link[]" />',
                '<a title="Vizualizeaza slide" href="javascript:void(0);"><i class="fa fa-eye"></i></a>',
                '<a href="javascript:void(0);"><i class="fa fa-times"</i></a>'
                ]
                ).draw();
            row_number++;
        }



    });
};