This is just the weirdest thing.
I have a table for user notes that I add to most of my forms. I've done it exactly the same way on 50+ forms. When I set-up a new form, it's the first thing I add, or I use a template that already has it included.
I have one process, with two forms. On one form, the table works like it always does, no surprises or issues. But on the second form (which was started by being copied from the first form), the table is in reverse. When I click the link to add a new row to the table, it adds to the top instead of the bottom. It's so weird.
The only CSS I have that impacts the table is to hide the delete buttons. The only Javascript that I have impacting the table adds a row with some info when the form is submitted - it's triggered by the submit/reject/approve buttons, so it wouldn't even come into play with manually adding a row by clicking the link. Note that this is CSS and Javascript that I've reused over 50 times without this issue ever happening before. There is absolutely nothing that I'm doing that would be causing the table the behave this way.
I've tried deleting and recreating the table, and it has the same behavior.
I can't find any settings or options that would do this. When I use the browser's inspect element tool on the table from the effected form and compare to the table in any other form, I cannot see any differences between the two. I'm just stumped.
Has anyone else ever encountered this behavior with tables?