javascript - jquery 数据表访问类名中的变量

Question

我正在使用 JQuery Datatable 插件找到 here .我有以下代码。我的代码中有一行带有以下注释//I need to access the variable row.RECIBO here。在下面的 className 参数中，我试图访问一个变量名，以便我可以使用 ID 区分我的类。我怎样才能实现我的目标？

    var table = $('#tableCLIX1').DataTable({

    "order": [[0, "desc" ]],
    "ajax": {"url": "reciboBackend.php", "type": "POST", "dataSrc": "db" },
    "columnDefs": [{
        "render": function(data, type, row){ return row.RECIBO},
        "targets": 8,
        "className": "tranState" + VARIABLE //I need to access the variable row.RECIBO here
    }],
    "columns": [
    {"data": "RECIBO", className: "recibo"},
    {"data": "NOMCLI"},
    {"data": "CLIENTE"},
    {"data": "FECHA"},
    {"data": "NUMPOL"},
    {"data": "FACTURA"},
    {"data": "TIPO"},
    {"data": "VALOR"},
    {"mRender": function(data, type, full){if(full["TRANSTATE"] == null) return "<button id = 'cancelar" + full["RECIBO"] + full["FACTURA"] + "' class='button-error pure-button cancelar-btn " + full["RECIBO"] + "' > Cancelar </button>"; else return full["TRANSTATE"];}},
    {"mRender": function(data, type, full, meta){return '<a href = "reImprimir.php?recibo=' + full["RECIBO"] + '+&tranState=' + full["TRANSTATE"] + '" target = "_blank"> Imprimir </a>';}}
    ],
    "deferRender": true

});

Answer 1

注意:你们都有一个 columns mRender 和一个columnDefs render第 8 列的方法，为什么？代码有问题。

---

无论如何，className对于所有 <td> 都是静态的的在专栏中，不支持回调。 render严格关于​​单元格的内容，除了作为内容添加的内部元素外，不能用于添加 CSS。

但是你可以使用 rowCallback 对呈现的行进行后期处理，然后使用行 RECIBO 向第 8 列添加一个类值(value):

var table = $('#tableCLIX1').DataTable({
   rowCallback: function(row, data, index) {
       $('td:eq(8)', row).addClass('tranState'+data.RECIBO);
   },
   // ...
})