Griddle React Bootstrap

• About
• Quick Start
• License

About

Bootstrap style for react-griddle.

Features:

• Bootstrap style Custom Paging Component of Griddle.
• Preconfigured Griddle Component.

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.