数据表根据单元格列更改行背景颜色

Question

我在 Laravel 应用程序中有一个 table，我想根据单元格内容更改行的颜色。

我的部分数据tables javascript是

ajax:"{{ route('propertiesData') }}",
          columns: [
              { data: 'address', name: 'address' },
              {data: 'town', name: 'town'},
              {data: 'postcode', name: 'postcode'},
              {data: 'units',name: 'units'},
              { data: 'examination', name: 'examination' },
              {data: 'priority', name:'priority', searchable: false},
              {data: 'completed', name:'completed'},
              {data: 'action', name: 'action', orderable: false, searchable: false},
          ],
          "createdRow": function( row, data, index ) {
                if ( data[6] == "1" )
                {
                  $(row).addClass( 'redRow' );
                }
            },

优先级字段为 1 或 0。

table 有效，但背景颜色始终为白色。

Answer 1

data 很可能是一个对象，因此您必须以不同的方式访问值，试试这个：

"createdRow": function (row, data, index) {
    if (data.priority === "1") {
        $(row).addClass('redRow');
    }
}

数据表根据单元格列更改行背景颜色

datatables change row background colour on basis of cell column

datatables

laravel-5

yajra-datatable