Me gustaría usar la siguiente columnDef en dos columnas booleanas para mostrar una verificación de verdadero y una x de falso. Sin embargo, no se muestra nada en las columnas:
{ 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>'; } }Lo siguiente funciona, pero es difícil ver las marcas de verificación de los valores que son verdaderos. Prefiero la opción glyphicon:
{ targets: [5, 6], render: function (data, type, full, meta) { return data ? '<input type="checkbox" disabled checked/>' : '<input type="checkbox" disabled />'; } }El ejemplo de glyphicons no funcionaba porque ya no son compatibles con Bootstrap 4 y versiones posteriores.
La siguiente es mi solución usando iconos 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>'; } }