StackedRows.js Demo

A jQuery Plugin for Making your HTML Tables mobile friendly - by stacking the columns vertically within each row.

Table 1

This table has a standard "thead" and "th" for the column names, with default options.

Month Savings Type Comments
January $100 Numquam Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam
February $500 Labore Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem

Table 2

This table has no "thead" and first row has no column names. You need to pass option "firstRowHeader" to "false"

January $100 Numquam Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam
February $500 Labore Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem

Table 3

Table with images, with "altRowStyle" set to "false"

Month Savings Type Comments Image
January $100 Numquam Exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur demo
February $500 Labore Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem demo