将样式单元格添加到数据库中的 DataTable

Question

我正在尝试根据通话状态为我的单元格添加样式。

一个呼叫可以具有以下状态之一：

新
待定
已取消
确认
已商业化

这种风格在 table 来自 DB 的列中：

span_class 和 class 内容如下：

span_class: badge bg-primary text-white
class: badge bg-primary text-white

例如。

我想将此样式添加到我的数据中的列状态table。

我认为我可以在 columns 中使用渲染来做到这一点，但我不知道如何做到这一点。

我的专栏是：

columns: [
  { data: '', name: '' },
  { data: 'identi', name: 'identi' },
  { data: 'nombre', name: 'nombre' },
  { data: 'direccion', name: 'direccion' },
  { data: 'provincia', name: 'provincia' },
  { data: 'ciudad', name: 'ciudad' },
  { data: 'teleoperadora', name: 'teleoperadora' },
  { data: 'reasignar', name:'reasignar', 'render': function ( data, type, row ) {
      return "<select class='select_operator'><option>-- Seleccione --</option></select>";
  },       
  },
  { data: 'estado', name: 'estado' },
  { data: 'estadoCita', name: 'estadoCita' },
  { data: 'fechaAsignacion', render: function (data, type, row) {
      return moment(new Date(data).toString()).format('DD-MM-YYYY HH:mm:ss');
  } 
  },
  { data: 'action', name: 'action', orderable: false, searchable: false },
],

在“estado”（状态）中我需要添加 class

已更新

我正在尝试这个：

{
  data: 'estado',
  render: function(data, type, row) {
    return '<span class="' + data.clase + '">' + data.estado + '</span>';
  }
},

已更新

{
  data: 'estado',
  render: function(data, type, row) {
    return '<span class="' + row.class_span + " " + row.clase + '">' + row.estado + '</span>';
  }
},

Answer 1

这解决了我的问题。我在控制器中的查询中有一个 JSON 和我需要的 return 值 css。在我将 class 放入我的 td 之后：

{ data: 'estado', render: function (data, type, row) {
                return '<span class="'+row.class_span+" "+row.clase +'">' + row.estado + '</span>';
                } 
            },

将样式单元格添加到数据库中的 DataTable

Add style cell to DataTable from database

css

jquery

datatables