如何使用数据表服务器处理来格式化/自定义表列中的数据

Question

问题很简单。使用datatables服务器处理的基本初始化时，页面上仅显示纯文本。相反，它将数据库列中的内容精确地提取到表列中，而无需额外的 HTML 格式。

示例：这是HTML和CSS格式化文本的外观 - https://i.stack.imgur.com/Cqf7B.png。表格的每一列都有自己的样式/格式。现在datatables当服务器处理向服务器/数据库发出请求时，结果就像我说的，与数据库中的结果完全相同。因此，为了获得如上所示的这种格式，我必须将 HTML 放入它自己的数据库中。即：

<span class="label label-danger">Tag</span>

或

<span class="label bg-color-greenDark">Category Label</span>

如何设置从数据库拉取的结果并将其格式化到页面上的表列中？我宁愿只将 TAG 放在标签列中，而不是随之而来的整个标签 HTML。

有没有办法在点击页面之前拦截结果，格式化它们，然后发布到页面？

法典：

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "scripts/server_processing.php",
          "columnDefs": [ {
            "data": "firstname", //this name should exist in you response JSON
            "render": function ( data, type, full, meta ) {
              return '<span class="label label-danger">'+data+'</span>';
            }
          } ]
    } );
} );

Answer 1

使用列中的render选项，如下所示：

$('#example').dataTable( {
  "columnDefs": [ {
    "targets": 0,//index of column starting from 0
    "data": "column_name", //this name should exist in your JSON response
    "render": function ( data, type, full, meta ) {
      return '<span class="label label-danger">'+data+'</span>';
    }
  } ]
} );

查看此处的文档：DataTables columns.render。
使用 data 匹配源对象/数组的属性/键。阅读文档
如果未使用任何键，请使用targets。阅读文档