Nugo Responsive Table
This repository contains the nugo-responsive-table package.
Instalation
Using yarn:
$ yarn add nugo-responsive-table
Using npm:
$ npm i nugo-responsive-table
Usage
// Import
// Columns configurationconst columns = title: String The column title alwaysVisible: Boolean If true the column are visile on mobile version If false the column will show only for computer and tablet versions dataIndex: String The column index align: String The column align left|right|center sorter: Func Change the default sorter => a.averageTicket - b.averageTicket, render: value => ( <Fragment> <span className="dollar">R$ </span> <span>{}</span> </Fragment> ) <ResponsiveTable columns=columns data=data title='Seus clientes' searchKey="name" searchPlaceholder='Procure por um nome' pageSize=20/>
Publishing (Development)
Follow these steps to publish the package:
- Make the code changes;
- Change the version package in package.json (https://semver.org/);
- run the follow command:
npm publish
Available Scripts (Development)
In the project directory, you can run:
yarn clean
Remove all files from dist folder.
yarn build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.