Obviously 0 in php and 1 in basic

Hi Robert, The reason I came across this article is because I am always on the lookout for new ideas. Anyway while looking I found this article http://dbushell.com/2016/03/04/css-only-responsive-tables/ It seems to do exactly what you are asking. I hope it helps. Not had time to try this myself though.

I had the same problem. All my tables were editable and all used the same size jQuery block of code to work on the table. After doing it this way for a while I learned how to write jQuery plugins. Now I use a table plugin that I wrote which handles my pagination, table filters and editing all in one block of code for all the tables on my sites. Over time I have improved my plugin, and now I have written other plugins which do character counting, and nice slide in effects. Now with one line of jQuery I can run my table plugin $('#petty_table').mrtable({ url:"ajax/petty/delete_petty_line.php", tableurl:"database/petty/tables/table.php", }});

Look into flexbox. I haven't worked out your solution, but I have done a lot of similar things in flexbox. I have only started using it, but it has solved a lot of layout problems.

I really like this idea. I have started to use flexbox to make 2 column lists rather than the float method. Now I like the idea of this table, and I like the way it compresses, but is it possible to use this method on a scrolling table, where the header stays at the top and the data scrolls. I use this kind of table a lot and at the moment I sometimes use css divs or jQuery hacks to get around the problem.