Pro Version Pro
The contents of this page concern the Pro version of react-bootstrap-data-grid. Using the Pro version in production requires a commercial license, which is not yet available.
A commercial license for the Pro version is expected to be available around December 1, 2026. In the meantime (or even after release), feel free to use the Pro version for evaluation purposes without a license.
The Pro version of the react-bootstrap-data-grid table:
- includes advanced features not found in the Community version.
- requires a license to use in production, but can be freely used for evaluation purposes.
- comes in an NPM package that is separate from the Community version. It is named
@absreim/react-bootstrap-data-grid-pro.
Setup
The Pro version is designed to contain all the features of the Community version. The API is very similar between the two versions, but not entirely the same. Note the following differences when setting up the Pro version versus the Community version.
Installation
The name of the NPM package for the pro version is different and should be installed as follows:
npm install @absreim/react-bootstrap-data-grid-proStyling
The names of style sheets for the table component are slightly different. See the relevant section in the installation documentation for details on how to import style sheets for the pro edition.
API Differences
- the name of the grid component is TablePro rather than Table
- the name of the type that represents the props for the TablePro component is TableProProps rather than TableProps
- the name of the column definition type ProColDef rather than ColDef and contains additional fields
See more details on each specific point below.
TablePro
This component is the default export of the Pro version NPM package and be imported as follows:
import TablePro from "@absreim/react-bootstrap-data-grid-pro";TableProProps
This type contains the props for TablePro. The props are largely the same as TableProProps but with a few differences.
- The column definitions in the cols prop are of type
ProColDef[]instead ofColDef[]. - The styleModel prop is of type ProStyleModel. ProStyleModel contains all the properties of StyleModel but additionally contains reorderModel property for customizing style of the row reordering feature.
- TableProProps contains a reorderModel prop to enable row reordering while TableProps does not.
ProColDef
Compared to ColDef, the width property for
ProColDef can be
WidthModel in addition to number or undefined, allowing for
external control of column widths.
Several other additional optional properties are included to allow resizing of columns. See the resize article for a discussion and usage examples.
WidthModel
The WidthModel interface consists of a value and setter for column widths. It can be passed down as part of a ProColDef object to let the parent component programmatically control the widths of columns. The type specification of WidthModel is as follows.