jQuery Datatables基于click更改单元格数据

时间:2016-05-20 12:46:14

标签: jquery datatables

我使用包含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

1 个答案:

答案 0 :(得分:1)

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

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

这是fiddle,这里是cell() function docs