responsive-table

Minimal mobile friendly responsive table

Usage

Create your dom like this:

``html





























first name	last name	actions
Leo	Chow	edit delete
John	Doe	edit delete
Jane	Doe	edit delete


`

$3

The easiest way to use repsonsive-table is to include responsive-table js to your html with:

`
https://cdn.jsdelivr.net/npm/@uidax/responsive-table
`

Usage:

`javascript
new ResponsiveTable(options)
`

Example on codesandbox

$3

To include responsive-table in Node, first install with npm:

`
npm i @uidax/responsive-table
`

Or yarn:

`
yarn add @uidax/responsive-table
`

Import:

`javascript
import ResponsiveTable from '@uidax/responsive-table'
`

Usage:

`javascript
new ResponsiveTable(options)
`

Example on codesandbox

Options

All the options of ResponsiveTable constructor are optional with default value:

`javascript
new ResponsiveTable({
// string, the table selector.
tableSelector: '.responsive-table',
// string, the max width for media query.
breakPoint: '768',
// string, the label font weight for mobile.
labelFontWeight: '900',
// string, the suffix for label.
labelSuffix: ':',
// string, the margin-right of label.
labelAfterSpace: '12',
// array of number, hidden labels base on INDEX of column.
hiddenLabels: [],
})
``

License

The MIT License.