datatable add class a td render

Question

How Can I add a class in this render where I ask if the office is enable or disable, if this disable should add this class table-active. I was searching for some similar question but none worked.

var table = $('#tbl_1').DataTable({
            "order": [
                [1, "asc"]
            ],
            "destroy": true,
            "ajax": {
                "method": "POST",
                "url": "JSON/Office.php"
            },
            "iDisplayLength": 15,
            "columns": [ {
                "data": "Office",
                "width": "20%"
            },  {
                "data": "Status",
                "searchable": false,
                "sortable": false,
                "aling": "center",
                "render": function(data, type, row) {
                    var Status = row["Status"];
                    if (Status == 'FALSE') {
                        return '<button class="btn btn-sm btn-success active" onclick="enable_item(this)"title="Active">Active</button>';
                    } else {
                        return '<button class="btn btn-sm btn-danger disable" onclick="disable_item(this)" title="Disable"> Disable</button>';
                    }
                }
            }],
            "dom": '<"dt-buttons"Bf><"clear">lirtp',
            "paging": true,
            "autoWidth": true,
            buttons: [{
                extend: 'excel',
                text: 'Excel'
            }]
        });

One of the answer I found was this $(row).addClass("table-active"); but still not working :(. I hope I explain well greetings

Do you want to assign some class to entire row or some particular cell? — user3307073
– user3307073, Commented Mar 5, 2019 at 15:50
Than, I believe, provided answer is supposed to fulfill your requirement? Doesn't it? — user3307073
– user3307073, Commented Mar 5, 2019 at 15:54

iatanasov · Accepted Answer · 2019-03-05 13:35:20Z

5

If I understood you correct and you want to add a class to the <tr> element you can use the createdRow hook - https://datatables.net/reference/option/createdRow.

$('#tbl_1').dataTable({
  "createdRow": function( row, data, dataIndex ) {
    if ( data["Status"] == false ) {
      $(row).addClass( 'table-active' );
    }
  }
});

answered Mar 5, 2019 at 13:35

iatanasov

1214 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

datatable add class a td render

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related