如何在 jQuery dataTables 列中添加一些信息

Posted

技术标签:

【中文标题】如何在 jQuery dataTables 列中添加一些信息【英文标题】:How to add some information into jQuery dataTables column 【发布时间】:2020-03-24 18:24:30 【问题描述】:

我有这个代码:

 $("table.contentTable").dataTable(
        "iDisplayLength": 25,
        "oLanguage": 
            "sUrl": "scripts/language/ru_RU.txt"
        ,
        "aaSorting": sorting,
        /* "bJQueryUI": true,*/
        "bRetrieve": true,
        "bProcessing": true,
        "bServerSide": true,
        "sPaginationType": "paging_with_jqui_icons",
        "sAjaxSource": "getAllTripCards",
        "fnServerData": fnDataTablesPipeline,
        "aoColumns": [
            "mDataProp": "cardNumber",
            "mDataProp": "issueDate", "sType": "string-date-euro",
            "mDataProp": "type",
            "mDataProp": "position"

...

我需要在第一列中添加两个字段的组合。我怎样才能做到这一点?我想做这个,但是不行

 "aoColumns": [
            "mDataProp": "cardNumber" + "issueDate",

【问题讨论】:

【参考方案1】:

使用column().header() API 获取列标题单元格。

你可以试试这个:

$(table.column(1).header()).text('cardNumber/year');

参考链接:

column().header() API

【讨论】:

【参考方案2】:

你可以这样写:

"aoColumns": [
        "mDataProp": "cardNumber",
         "mDataProp": function (data, type, dataToSet) 
        return data.issueDate + " " + data.sType;,
        "mDataProp": "type",
        "mDataProp": "position"

],

【讨论】:

以上是关于如何在 jQuery dataTables 列中添加一些信息的主要内容,如果未能解决你的问题,请参考以下文章

ASP.NET MVC 在 jquery DataTables 中显示 Enum 列中的文本?

如何在 ngx-datatable 中添加分页和页脚模板?

jquery.dataTables列中内容居中问题?求解?

删除 DataTables 列中的额外填充

dataTables jquery - 如何添加排序图像/图标?

如果整个列数据与搜索字符串匹配,如何在jQUERY Datatable中显示/搜索数据?