I have been racking my brain over this project for about a week and I am at a stand still as to how to move forward. I have a project that needs to allow users to be able to insert rows into a table and to be able to delete both rows and columns.
Below is a screen shot of the page I am working with. If the user click on the Del button, the entire workout needs to be deleted and all other workouts moved left. If the user clicks on the 'D' button, I need to delete only that exercises set, etc etc.
Each workout needs to be in it's own table. 'Del' deletes the table, 'D' deletes the row.
That was perfect. I had thought of that at first but for some reason never went with it. So last question on the same topic. Before I had the layout fill in from left to right, 4 exercises to a a row. Once a row had 4 exercises in it, a new row was started. I have tried using a <div> element wrapped around the tables, but they continue to only be in a single column.
I have also tried adding a second class to each table element the was defined as directing only the "left" attribute placement. This also doesn't seem to work. Any thoughts on how to get this to work?