Introduction
Basic Usage
Sorting
Pagination
Filtering
Selection
Editing
Styling
Export
Versions
Migrate

Versions

This project strives to follow the semver system for versioning. In particular, this means that breaking changes should increment the major version number, backwards-compatible new feature additions should increment the minor version number, and backwards-compatible bug fixes should increment the patch version number.

Change Log

2.3.0

March 20, 2026

Added support for responsive tables.

To make the main table responsive, pass a true value for the responsive to the Grid component. Note that doing so will render an additional div around the main table, which may break existing functionality that relies on this div not existing.

To make the filter options table responsive, use the table-responsive CSS class on the form element that encloses filter options table's table element. A new property of form has been added to the FilterInputTableStyleModel type to customize the CSS for this element. See the Inputs and Display Order Example for a full example of making filter options table responsive.

2.2.0

March 16, 2026

Added a toolbar component that contains buttons for accessing the filtering interface and a newly implemented interface for exporting data in JSON and CSV formats. This toolbar is opt out by default for the sake of backwards compatibility.

Note that the toolbar is only supported for Bootstrap version 5.3. I recommend upgrading Bootstrap to 5.3 in your project before enabling the toolbar.

The toolbar can be enabled by passing a true value to the useToolbar prop on the Grid component.

2.1.0

March 10, 2026

Added uncontrolled modes for pagination, sorting, and filtering features. Compared to controlled mode, which was previously the only mode available, uncontrolled mode causes the Grid component rather than the parent component to keep track of states, such as page number or the column currently being sorted.

The main advantage of uncontrolled mode is easier (i.e. less code to) setup before using such features. The main disadvantage is the parent component losing access to the relevant states, which makes certain advanced behaviors difficult or impossible to implement.

2.0.0

March 6, 2026

  • Changed typing of row definitions (RowDef) to have a mandatory stable id field. Previously, the index of the original array was used as the ID.
  • Changed the default formatting functions for number, date, and datetime types to improve performance.

1.4.2

March 1, 2026

  • Changed the select all/deselect all UI control to use checkboxes rather than SVG icons.
  • The select all UI control is now disabled in cases where the table has zero rows.
  • Changed the edit control buttons to use Bootstrap icons rather than text labels.
  • Other minor changes, such as removing styles that are no longer needed.

1.4.1

February 13, 2026

Add exports for two utility functions, dateToInputStr and dateToDatetimeInputStr. These functions take in JavaScript Date objects and output strings used for the value field of date and datetime-local HTML input elements, respectively.

1.4.0

February 9, 2026

This release adds a feature that allows the developer to specify CSS classes for various components of the Grid. Details can be found under the Styling section of the documentation.

This release also contains various relatively minor bug fixes.

1.3.0

January 28, 2026

This release adds a feature that allows a user to edit the contents of rows.

1.2.2

January 19, 2026

This release contains bug fixes, documentation updates, and other enhancements.

  • Fixed an issue where the distributed NPM package was not working NextJS due to the output preserving JSX syntax.
  • Styles specific to react-bootstrap-data-grid were not being distributed with the NPM package. They are now included, and documentation has been updated to give examples on how to import them.
  • Adjusted class names for styles specific to react-bootstrap-data-grid to have a "rbdg" prefix to distinguish them from class names from other sources.

1.2.1

January 16, 2026

Selection feature no longer in experimental state due to it now having an automated test suite. Fixed a bug involving accessibility for the selection feature.

1.2.0

January 14, 2026

Added Selection feature, but in an experimental state.

1.1.4

December 29, 2025

Changed behavior of pagination feature when selecting a new page size that would make the existing index out-of-bounds. The index will be set to the maximum available for the page size.

1.1.3

December 23, 2025

Fixed bug with datetime filter functionality involving timezones and updated documentation to explain how filtering works with timezones.

1.1.2

December 20, 2025

Fixed bug that prevented filtering from working at all.

1.1.1

December 20, 2025

Change React keys of rows to be based on original ordering in order to improve rendering performance when using pagination and sorting.

1.1.0

December 18, 2025

Added filtering feature.

1.0.0

December 17, 2025

Added aria-colindex and aria-rowindex attributes to improve accessibility and facilitate testing.

Bumped peer dependency of package to React 19. This change may break projects still using React 18.

Migrated tests to Playwright due to limitations introduced by more recent versions of React Testing Library.

0.1.4

May 9, 2024

Added sorting feature.

Added syntax highlighting to code blocks in documentation.

0.1.3

Apr. 18, 2024

Added pagination feature.

0.1.2

Mar. 14, 2024

Added automated tests and a build script to generate files meant for publishing as an NPM package.

0.1.0

Feb. 27, 2024

Initial release with baseline row definition, column definition, and data display functionality.