DataTables在验证按钮后动态添加数据

时间:2016-08-30 13:43:37

标签: javascript jquery datatables

在我的项目中,我尝试使用DataTables验证列的行中添加标签(例如:OKNOK),但我可以管理它。

当我点击打开时会出现一个新模态,然后当我点击内容按钮 HVV 时,我想在列中添加一个标签验证(见图片)。我该怎么做呢?

JSFiddle演示:https://jsfiddle.net/9ecb3sxr/

enter image description here enter image description here

1 个答案:

答案 0 :(得分:3)

  1. 删除最后一列的data: null,添加defaultContent: ''
  2. 将行ID传递给模态作为数据属性data-row-id="' + rowIdx + '"
  3. 关闭模态后,更新所需的列:

    var rowIdx = $(event.target).data('row-id');
    $("#dispo").DataTable()
        .cell({ row: rowIdx, column: 3})
        .data('<div class="label label-success">Valid</div>')
        .draw(false);
    
  4. 我不了解OK / NOK州的逻辑,但您应该明白并相应地调整代码。

    请参阅updated jsFiddle以获取代码和演示。