Responsive Tables - Editor
First method Flip side
The first method to display the table responsively is well knowed now. On mobiles devices (under 768px), the , of the table become his first column (the yellow one on the picture bellow). The table toggle on the side.
You just have to touch the table with your finger and move "right" and "left" the columns, the first one is still fix and available
Second method : Horizontal scroll
The second method to display the table responsively is a little bit different. On mobiles devices, the table scrolls horizontaly (if the table is larger than the screen).
You just have to touch the table with your finger and move "right" and "left" the columns. In this case, the table doesn't "flip" and the first column can disapear. This is different approach of the "Responsive Design" to increase the user experience.
The "Responsive Design" experience was successfully tested on iPhone, iPad, Androïd and BlackBerry.
Caution
If you want/need to display images, the best design practice is using the tag . Remember, tables are displaying datas. So, please don't use "Responsive Tables - Editor" to display images in your HTML tables. The plugin DO NOT resize pictures.