如何使用检查和X渲染jQuery DataTable Boolean列？

Question

我想在两个布尔列上使用以下 columnDef 来显示 true 的检查和 false 的 x 的检查。但是，列上没有显示任何内容：

{
    targets: [5, 6],
    render: function (data, type, row) {
        return (data === true) ? '<span class="glyphicon glyphicon-ok txt-green"></span>' : '<span class="glyphicon glyphicon-remove txt-red"></span>';
    }
}

以下内容确实有效，但很难看到正确值的复选标记。我更喜欢 glyphicon 选项：

{
    targets: [5, 6],
    render: function (data, type, full, meta) {
        return data ? '<input type="checkbox" disabled checked/>' : '<input type="checkbox" disabled />';
    }
}

Answer 1

字形示例不起作用，因为它们不再在Bootstrap 4及更高版本中得到支持。

以下是我使用fontawesome图标的解决方案：

{
    targets: [5, 6],
    render: function (data) {
        return data ? '<span class="fa fa-solid fa-check" style="color: green"></span>' : '<span class="fa fa-solid fa-times" style="color: red"></span>';
    }
}