How can I update data-filter attribute?

Dimetrius

How can I update data-filter attribute for specific cell?

My cell has id, I update data-filter like

document.getElementById('cell-56').setAttribute('data-filter','new value');

After setAttribute DataTable filter not use 'new value'.

How can I update data-filter attribute to take effect?

allan

You need to call row().invalidate() after you update the element to tell DataTables that it needs to reread from it.

Allan

Dimetrius

I try add data-filter attribute in createdRow

"createdRow": function(row, data, dataIndex) {
            var $dc = $(row).find('td:eq(1)');
            $dc.attr('data-filter', 'new value');

            var t = this.DataTable();
            t.row(row).invalidate(); // not take effect
            t.rows().invalidate(); // not take effect
}

This add new attribute, but filter still can't find "new value"

Dimetrius

My html table cell looks like

<td data-filter="one value">two value</td>

After I do

table.rows().invalidate();

Filter can find row by "two value", but "one value" ignored.

Maybe it is bug?

allan

If you link to a page showing the issue I would be happy to take a look and try to debug it.

Allan

allan

Hmmm actually:

This add new attribute,

So it didn't have that attribute before? If so, DataTables won't automatically detect it having been added.

Perhaps you could explain a bit about what it is you are looking to do overall.

Allan

Dimetrius

I made fiddle with simple table and three rows

JSFiddle

I want add a fourth row.
New fourth row must be sortable and filter like first three.

How to add new fourth row in my case?

allan

To add a new row, rather than updating an existing one as we discussed above, you can create the tr element yourself and pass it in: https://jsfiddle.net/804dg124/1/ .

The alternative is that you pass in an object that contains the same data structure that DataTables creates from the row and attributes:

{
    "0": "1",
    "1": {
        "display": "o-n-e",
        "@data-order": "1",
        "@data-filter": "one o-n-e"
    }
}

Allan

Dimetrius

This works, Allan, thank you very match!