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.
If anyone has any suggestions of examples that I can review to maybe give me some ideas that would be great. If seeing the javascript code used to actually create the table would be helpful I can post that also.
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?
Bookmarks