5

DataTables 似乎将点 ( .) 视为特殊字符，并且不显示在标题中包含它们的列。

有什么解决方案如何保留点并使用某种转义字符？

错误是：请求的未知参数“文档”。对于第 0 行第 0 列

我的 JSON DataTable 初始化程序：

{
    "columns": [
        {
            "data": "Doc.",
            "title": "Doc."
        },
        {
            "data": "Order no.",
            "title": "Order no."
        }
    ],
    "data": [
        {
            "Doc.": "564251422",
            "Order no.": "56421"
        },
        {
            "Doc.": "546546545",
            "Order no.": "98745"
        }
    ]
}
4

3 回答 3

6

当数据属性名称中有点时，dataTables 将查找嵌套的数据属性。就像Doc.<something>有财产一样。当您拥有自动化脚本时 - 正如您所拥有的那样 - 服务器正在分发不一定为 dataTables 设计的 JSON，您可以在将数据传递给 dataTables 之前“清理”数据。

我从昨天的答案中得到了答案，并添加了两个功能：sanitizeData和sanitizeColumns。sanitizeData从键中删除所有点和空格，sanitizeColumns从定义中删除空格和点columns.data：

$.getJSON('https://api.myjson.com/bins/4z5xd', function(json) {
    //remove whitespace and dots from keys / attribute names    
    function sanitizeData(jsonArray) {
        var newKey;
        jsonArray.forEach(function(item) {
            for (key in item) {
                newKey = key.replace(/\s/g, '').replace(/\./g, '');
                if (key != newKey) {
                    item[newKey]=item[key];
                    delete item[key];
                }     
            }    
        })    
        return jsonArray;
    }            
    //remove whitespace and dots from data : <propName> references
    function sanitizeColumns(jsonArray) {
        var dataProp;
        jsonArray.forEach(function(item) {
            dataProp = item['data'].replace(/\s/g, '').replace(/\./g, '');
            item['data'] = dataProp;
        })
        return jsonArray;
    }    
    json.data = sanitizeData(json.data);
    json.columns = sanitizeColumns(json.columns);    

    $('#example').DataTable({
       data : json.data,
       columns : json.columns
    })
});

演示-> http://jsfiddle.net/egpxdsq7/

于 2015-11-13T12:09:56.437 回答
2

尝试这个：

"columns": [
    {
        "data": "Doc&#46;",
        "title": "Doc&#46;"
    },
    {
        "data": "Order no&#46;",
        "title": "Order no&#46;"
    }
],
"data": [
    {
        "Doc&#46;": "564251422",
        "Order no&#46;": "56421"
    },
    {
        "Doc&#46;": "546546545",
        "Order no&#46;": "98745"
    }
]

虽然这也有效：

"columns": [
    {
        "data": "Doc.",
        "title": "Doc."
    },
    {
        "data": "Order no.",
        "title": "Order no."
    }
],
"data": [
    {
        "Doc": "564251422",
        "Order no": "56421"
    },
    {
        "Doc": "546546545",
        "Order no": "98745"
    }
]
于 2015-11-13T11:39:03.993 回答
0

我知道我迟到了，但我解决这个问题的方法是替换所有“。” 和 ”\\。” 在数据表选项的“列”值中。

数据表仍然会找到带有句点的值，并且不会崩溃。我在这里找到了这个信息：https ://datatables.net/reference/option/columns.data

我在列对象中添加项目时所做的就是运行这个：

for(var i =0; i < columnNames.length;i++){
    //replaces all "." with "\\." which datatables ignores
    columnNames[i] = columnNames[i].replace(/\./g,'\\.');
}

//other code goes here

var datatableOptions = {
        'data': myData,
        columns: tableColumns,
    };
于 2020-01-14T20:44:46.497 回答