Griddle-react-bootstrap NPM

Griddle React Bootstrap

About

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.