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

【问题标题】：jQuery-Datatables Change ajax columns with html codesjQuery-Datatables 使用 html 代码更改 ajax 列
【发布时间】：2015-05-20 20:05:51
【问题描述】：

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

我的数据表请求是：

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代码不起作用。

谢谢！

【问题讨论】：

标签： jquery datatable jquery-datatables

【解决方案1】：

使用sTitle

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

【讨论】：

是的，但是title 也可以使用 -> datatables.net/reference/option/columns.title sTitle 是旧的匈牙利符号命名风格（但仍然有效）
@sergiodebcn 可以发送数组内部数据，并为一个标题传递两个或多个数据？！

【解决方案2】：

我认为您不能按照自己的意愿去做（至少，如果我正确理解了您的“问题”）。数据表已经有每个元素的类，例如列标题通常称为DataTables_sort_wrapper。所以想到的是，您可以使用 css 和/或 jQuery 更改这些列标题的外观。例如。您可以使用 jQuery .eq() 函数找到第 n 列外观

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

希望这会有所帮助。

干杯

【讨论】：