javascript - 如何获取数据表中当前渲染的元素

Question

我需要根据元素位置更改单元格的渲染，而不更改数据，在文档中，我找到了 mData 和 mRender 选项，我尝试使用 fnRender (已弃用)，但它给了我位置，但更改了数据渲染时的表格，所以我想知道这里是否有任何方法可以在渲染时获取单元格位置，或者我应该在每次更改后自己重新渲染表格？

以下代码说明了我的需求:

$(document).ready( function() {
  var oTable = $('#example').dataTable( {
    "aoColumnDefs": [ {
      "aTargets": ['_all'],
      "mRender": function ( data, type, full ) 
      {
        if (type!='display') return data;
        //HOW to get current cell indexes or DOM element here ?
        console.log(this,data,type,full);
        return data+' ttt';
      }
    } ]
  } );

  $('#example > tbody > tr').on('click','td',function() {
   console.log(this);
   var pos=oTable.fnGetPosition(this);
   var value=oTable.fnGetData(this);
   oTable.fnUpdate(value.split("").reverse().join(""),pos[0],pos[2]);
  });


  var button=$('<button>').text('clickme');
  button.click(function() { console.log(oTable.fnGetData());});
  $('body').append(button);
});

http://live.datatables.net/enirid/3/edit

使用 fnRender 的示例:

$(document).ready( function() {
  var oTable = $('#example').dataTable( {
    "aoColumnDefs": [ {
      "aTargets": ['_all'],
      "fnRender": function ( obj, data ) 
      {
        console.log(obj,data);
        var col=obj.iDataColumn;
        //HOW to change display here without changing data of table
        return data+' '+col;
      }
    } ]
  } );


   $('#example > tbody > tr').on('click','td',function() {
   console.log(this);
   var pos=oTable.fnGetPosition(this);
   var value=oTable.fnGetData(this);
   oTable.fnUpdate(value.split("").reverse().join(""),pos[0],pos[2]);
  });


  var button=$('<button>').text('clickme');
  button.click(function() { console.log(oTable.fnGetData());});
  $('body').append(button);
});

http://live.datatables.net/opubaj/edit

Answer 1

尝试fnCreatedCell 。附上 datatables.net 提供的示例代码片段:

$(document).ready( function() {
  $('#example').dataTable( {
    "aoColumnDefs": [ {
      "aTargets": [3],
      "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
        if ( sData == "1.7" ) {
          $(nTd).css('color', 'blue')
        }
      }
    } ]
  });
} );