jQuery Datatables 根据点击更改单元格数据

Question

我使用一个包含 6 列的 jquery 数据表，该表必须在以下步骤中基于 ob 用户交互进行更改：

1. 点击开始按钮将突出显示第一行背景（即灰色）。 （完成！）

2.将第一个客户状态从（等待）更改为（服务中）。 （需要帮助）

3.在完成为客户服务后，用户将点击下一步将发生的事情

a-) 删除选定的行，它将始终为 row(0)。

b-) 客户 #2 将被选中（突出显示），其状态从 （等待） 变为 （服务中）。

我的重要请求是单击开始后如何将状态从 （等待） 更改为 （服务中）？

$(document).ready(function() {
    $('#culist').DataTable({
    "searching": false,
    "lengthChange": false,
    });
});

$("#straps").on('click', function(event) {
   var table = $('#culist').DataTable();
   table.rows().iterator('row', function(context, index) {

   $(this.row(0).node()).addClass('selectd_Tr');
   });
});

$("#nxtps").on('click', function(event) {
});
$("#psps").on('click', function(event) {
});

这是我的jsfiddle

Answer 1

在开始按钮的点击事件监听器中添加：

table.cell(0,5).data("In Service");

这是fiddle，这是cell() function docs