michaelsoriano / stacked-rows

A short and simple jQuery plugin that will fix your tables in mobile view. New rows of your original data is created and displayed through media queries

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ARCHIVED / DISCONTINUED

I've decided to discontinue the development of this plugin to concentrate my efforts on other projects.

stacked-rows

A short and simple jQuery plugin that will fix your tables in mobile view. New rows of your original data is created and displayed through media queries

alt tag

How to use:

Just like a regular jQuery plugin, you need to have jQuery included in page to use. Then simply call inside a document .ready() with your selectors and options included.

Options

You can pass several options when calling the plugin. Check the table below for an explanation of how the options work.

Option Type Description Default Value
classPrefix string class prefix for CSS styling sr
firstRowHeader bool does first row of table a heading? true
showLabels bool show labels (column names) in mobile? true
altRowStyle bool add a class for alternating rows true

For more details, read my post here: http://michaelsoriano.com/better-html-table-responsive-view-jquery-plugin/

About

A short and simple jQuery plugin that will fix your tables in mobile view. New rows of your original data is created and displayed through media queries

License:GNU General Public License v3.0


Languages

Language:JavaScript 38.0%Language:HTML 32.2%Language:CSS 29.8%