I have a bootstrap table of "delivered items". The table is using rivets.js to bind all the JSON to it. Each row has a table description, a shipped quantity and an input box for the received quantity. There is a rivets attribute that I want to add when a specific event happens.
Event: Users can choose to "show mismatches", which means that the table filters out all table rows that have a shipped quantity that is not equal to the received quantity and I want the event to happen through jQuery.
I have tried:
$(".show-mismatches").click(function () {
$(".table-items").each(function (i, x) {
$(x).find("td").attr("rv-if", "item.sqty | neq item.rqty");
})
})
This is what I see when I inspect the element

The attribute is added but is not doing what it should.
Does anyone know why this is happening?