DataTables：通过 json 构建表后更改输出

Question

我最近完成了从用 HTML 构建表格并使用 DataTables 重绘表格到从 JSON 填充数据的转变。

然而，我正在努力弄清楚如何替换写入 dom 的数据。

例子（不是一个真实的例子哈哈）： 我在 columnA 中有一个字符串，它的描述内容为...

使用引号按住 shift 并按 2，这将使 它们出现，就像这样“

如果我尝试以 JSON 格式发送该句子，则 JSON 将变为无效。我解决这个问题的方法是在创建 JSON 时将'"'替换为'引号'。这工作正常并且 JSON 是有效的，但这意味着句子现在读取...

使用引号按住 shift 并按 2，这将使 它们出现，如引号

理想情况下，我需要的是相关语法来改变 DataTables 在 dom 中写入的内容。 JSON 还编写了带有自定义属性的 span 元素，这些属性还可能包含引号，因此我不能只更改单元格本身。

我目前写表的代码如下：

                    $("#table9").DataTable({
                        "sScrollX": "90%",
                        "sScrollXInner": "100%",
                        "ajax": "Ajax.asp?RT=weeklyData",
                        "order": [[ 0, "desc" ]]
                    });

我可以在渲染 DataTable 后对整个 dom 进行全面搜索，然后替换有问题的短语，但这似乎非常浪费和低效。

我们将不胜感激任何更好的解决方案

先谢谢各位了

elbofor

Answer 1

Datatables 在这种情况下提供了一些选项。结帐：

https://datatables.net/reference/option/columns.render https://datatables.net/reference/option/columns.createdCell

如果我是你，我可能会使用 createdCell 选项在 td 元素附加到 DOM 之前对其进行操作。

$("#table9").DataTable({
    "sScrollX": "90%",
    "sScrollXInner": "100%",
    "ajax": "Ajax.asp?RT=weeklyData",
    "order": [[ 0, "desc" ]],
    "columnDefs": [ {
        "targets": 0,
        "createdCell": function(td, cellData, rowData, row, col){
            $(td).html($(td).html().replace(/quotation-mark/g,"quotation-mark-replacement"));
        }
    }]
});