{"id":124,"date":"2023-08-25T17:32:47","date_gmt":"2023-08-25T17:32:47","guid":{"rendered":"\/\/api.jquerymobile.com\/1.3\/?p=124"},"modified":"2023-08-25T17:32:47","modified_gmt":"2023-08-25T17:32:47","slug":"table-reflow","status":"publish","type":"post","link":"https:\/\/api.jquerymobile.com\/1.3\/table-reflow\/","title":{"rendered":"Reflow Table Widget"},"content":{"rendered":"

\nReflow Table Widget<\/span>version added: 1.3<\/span>\n<\/h2>\n
\n

Description: <\/strong>Creates a responsive table in reflow mode<\/p>\n

QuickNavExamples<\/a>\n<\/h2><\/header>
\n

Options<\/h3>\n
classes.cellLabels<\/a><\/div>\n
classes.reflowTable<\/a><\/div>\n
initSelector<\/a><\/div>\n<\/div>\n
\n

Methods<\/h3>\n
refresh<\/a><\/div>\n<\/div>\n
\n

Events<\/h3>\n
create<\/a><\/div>\n<\/div><\/section>
\n\t\t

The reflow table mode works by collapsing the table columns into a stacked presentation that looks like blocks of label\/data pairs for each row. Since the HTML source order of a table prohibits styling a table to look like this, the plugin dynamically adds a bit of markup to make the display work (without affecting accessibility). Here is a demo of a basic table using reflow mode:<\/p>\n\t\t