README.md

DevExtreme React Grid Bootstrap3

A template suite used to render the React Grid based on Bootstrap 3 components.

Installation

Install the main dx-react-grid package with its dependencies and Bootstrap 3 templates:

npm i --save @devexpress/dx-react-core @devexpress/dx-react-grid @devexpress/dx-react-grid-bootstrap3

Add the required modules to your project:

import {
  Grid, Table, TableHeaderRow
} from '@devexpress/dx-react-grid-bootstrap3';

const App = () => (
  <Grid
    rows={[
      { id: 0, product: 'DevExtreme', owner: 'DevExpress' },
      { id: 1, product: 'DevExtreme Reactive', owner: 'DevExpress' },
    ]}
    columns={[
      { name: 'id', title: 'ID' },
      { name: 'product', title: 'Product' },
      { name: 'owner', title: 'Owner' },
    ]}>
    <Table />
    <TableHeaderRow />
  </Grid>
);

Make sure that React-Boostrap dependencies are installed and properly configured. Check the React-Bootstrap's Getting Started article for configuration details.

Getting started

This package provides components and plugins implementing Bootstrap 3 rendering for the React Grid, which you can use instead of the original React Grid package ones.

See demos for more information.

Reference

The package exposes components and plugins with injected template components.

Components:

• Grid

Plugins:

• DragDropProvider
• GroupingPanel
• ColumnChooser
• PagingPanel
• Table
• TableColumnResizing
• TableColumnReordering
• TableColumnVisibility
• TableEditColumn
• TableEditRow
• TableFilterRow
• TableGroupRow
• TableHeaderRow
• TableRowDetail
• TableSelection
• Toolbar
• VirtualTable

License

DevExtreme licensing.