React Data Grid v1.1.0 is available

A little while ago we announced React Grid version 1.0. We talked about plans back then, and today we introduce version 1.1.0, the first minor update that contains the most requested features.

TypeScript

Our new TypeScript definitions are the first big feature to mention. We hope this support helps you to build high-quality React applications faster.

TypeScript Support

Bootstrap 4

One of the most popular frameworks in the HTML/JS front-end space is Bootstrap, so it was a high priority for us to support the new version 4 quickly. Starting with v1.1.0, React Grid supports Bootstrap 4. If Bootstrap is your preferred UI toolkit, check out our new package dx-react-grid-bootstrap4.

Bootstrap 4

Table Customization

In this update we have added the ability to customize the appearance of the table element. Just pass your own component to the tableComponent property on the Table plugin to take advantage of this. For instance, this component renders Bootstrap striped rows by changing the class name:

const TableComponent = ({ ...restProps }) => (
  <Table.Table {...restProps} className="table-striped" />
);

Table Customization

Integrated Search Panel

A simple and common feature that allows searching in all columns. The functionality is provided by the new SearchPanel plug-in.

Integrated Search Panel

Column-Specific Settings

In this update we have implemented a pattern that allows you to enable plug-in features for specific columns. At this time, state-management plugins (SortingState, GroupingState, FilteringState, EditingState and TableColumnVisibility) support this approach. The usage is quite simple:

<SortingState
  columnExtensions={[{ columnName: 'car', sortingEnabled: false }]}
/>

For other plug-ins, the columnExtensions syntax is the same. You can find details about the specific extension properties on the plug-in documentation pages, for instance here for the SortingState plug-in, and here for TableColumnVisibility.

What’s next

The goal of this post was to highlight the “biggest” new features. Please refer to our Changelog to see the full list of changes.

We are already busy making the React Grid even better - new features are in progress as this post is published.

It is very important to us to hear about any feedback you have. Please share your thoughts here!

3 comment(s)

Hi - I am using React-Grid 1.1.7 and I am having trouble when performing server side sorting. It looks like, the onSortingChange event is not getting triggered from the <SortingState /> plugin. I am doing exactly the way it has been shown in the demo and there is no error in the console.

Thanks,

Shirish

31 July, 2018

Hi,

Thank you for pointing this issue out. We'll research the described problem in the context of this github.com/.../1283 issue.

1 August, 2018

Thank you!

1 August, 2018

Please login or register to post comments.