I have a table that is upgraded using ballot with HTMX, where each table row has a special id. When a brand-new row is removed right into the table or and also existing row is upgraded, I wish to stimulate this using CSS: removed rows must diminish (obacity to 0) and also new/updated rows must have a various history shade temporarily.
I attempted the following:
- Offer each the distinct id characteristic
- established hx-ext=” change” and also hx-swap=” morph: outerHTML swap:1 s”
- Attempt to include some css as recommended in the paperwork
Nonetheless this does not function as planned due to the fact that the htmx-swapping course is used
to the external most component just and also out the aspects with a brand-new id just.
What would certainly be the common strategy below without noting brand-new table rows in the reaction straight?