jQuery-Datatables使用html代码更改ajax列

Question

我正在使用ajax请求获取数据来制作我的数据表，但我需要用html的标签和内容来更改列。

我的datatables resquest是：

var oTable1 = $('#sample-table-2').dataTable({
    "language": {
        "url": "/assets/js/Portuguese-Brasil.json"
    },
    "aoColumnDefs": [{
        "bSortable": true, "aTargets": [0, 1, 2],
        "bSortable": false, "aTargets": [1, 2]
    }],
    "ajax": {
        "url": "/Clientes/GetClientes/",
        "dataSrc": "",
        "dataType": "json",                   
    },
    "columns": [
        { "data": "Nome" },
        { "data": "<strong>StatusDesc</strong>" },
        { "data": "<span>StatusDesc</span>" },
    ],                               
});

但是当呈现这个表时，列中的html代码就不起作用了。

谢谢!

Answer 1

使用sTitle

{ "sTitle": "offer name<span style='display:none;'>offer_name</span>",  
  "data": "offer_name"
},

Answer 2

我认为你不能按你希望的那样去做(至少，如果我正确理解了你的“问题”的话)。数据表中的每个元素都已经有了类，例如，列标题通常称为DataTables_sort_wrapper。所以我想到的是，你可以用css和/或jQuery来改变这些列标题的外观。例如，您可以使用jQuery .eq()函数查找第n列的外观

$(".DataTables_sort_wrapper").eq(n).css(...)

希望这能有所帮助。

干杯