griddle-react-bootstrap
TypeScript icon, indicating that this package has built-in type declarations

0.4.4 • Public • Published

Griddle React Bootstrap

About

Bootstrap style for react-griddle.

Features:

Quick Start

Install this library and the dependencies by npm.

npm install griddle-react-bootstrap --save
npm install react react-dom --save
npm install griddle-react --save
npm install react-bootstrap --save

And import griddle-react-bootstrap and use it. Please check example page.

import { BootstrapPager, GriddleBootstrap } from 'griddle-react-bootstrap';
 
...
 
    <Griddle
        tableClassName={'table table-bordered table-striped table-hover'}
        useGriddleStyles={false}
        results={fakeData}
        showFilter={true}
        showSettings={true}
        settingsToggleClassName='btn btn-default'
        useCustomPagerComponent={true}
        customPagerComponent={ BootstrapPager }
        />
 
or
 
    <GriddleBootstrap
        bordered={true}
        striped={true}
        hover={true}
        results={fakeData} 
        />

And import custom css for griddle (griddle-react-bootstrap.css) which is included in node_modules/griddle-react-bootstrap/dist directory.

License

Licensed under the MIT license.

Package Sidebar

Install

npm i griddle-react-bootstrap

Weekly Downloads

8

Version

0.4.4

License

MIT

Last publish

Collaborators

  • wadahiro