Question

我在我的项目中使用jquery和datatables。

我现在想要的是在单击按钮时将CSS添加到单元格，即更改单元格颜色。我只想更改单个特定单元格值而不是整行

我尝试了下面的方法而且没有用

<table id="food">
    <thead>
        <tr>
            <th>Number</th>
            <th>Name</th>
            <th>Type</th>                         
        </tr>                           
    </thead>    
    <tbody> 
        <tr>
            <td>1</td>
            <td>Apple</td>
            <td>Fruit</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Mango</td>
            <td>Fruit</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Grape</td>
            <td>Fruit</td>
        </tr>
    </tbody>
</table>

<button id='button1'>Click me</button>

这是jquery

$('#button1').click(function(){ 

   //Here I want to change row 1,col 3 to red color

    var cell = table.row(1).column(3).node();
    $(cell).addClass('change-color');

 });

由于

Answer 1

您可以执行类似的操作，以获取第3列和第2行（零索引）

的单元格

var nodes = myTable.column(2).nodes();
$(nodes[1]).addClass('change-color);

这是一个演示 http://jsfiddle.net/dhirajbodicherla/189Lp6u6/19/

Answer 2

您还可以使用增量i + num

更改定义列的所有值

使用jquery datatables

nr, task, var1, var2

将css添加到jquery数据表中的特定单元格

2 个答案: