DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Data Grid - Appearance

This example demonstrates the following properties:

  • showBorders
    Specifies whether the outer borders of the DataGrid are visible.

  • showColumnLines
    Specifies whether vertical lines that separate columns are visible.

  • showRowLines
    Specifies whether horizontal lines that separate rows are visible.

  • rowAlternationEnabled
    Specifies whether rows should be in alternate colors.

To toggle these properties, select the corresponding checkbox under the DataGrid.

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API