Search code examples
angulardatatablesangular11

Adding data-order attribute value in <td> tag for custom sorting does not recognize order attribute

I am trying to apply custom sorting on a column (Issues-Ids). I have looked different approaches of custom sorting on a specific column but could not find any proper solution. Lastly I tried to follow order-data approach data-order, but when I tried to provide value to data-order attribute using: <td data-order="dataOrderValue({{row.id}})">

It gives me following error:

G0303: Can't bind to 'order' since it isn't a known property of 'td'.

BTW, Hardcoded value (e.g. order-data="SO-123") works fine, but it gives same value to column values.

Solution

  • This is attribute biding, not property binding. Try it with the attr, like:

    [attr.data-order]="dataOrderValue({{row.id}})"

    For reference:

    attribute-binding