High-performance data Grid

The Bryntum Grid is a high-performance table component for the web. Built with pure JavaScript, it easily integrates with React, Angular, and Vue applications.

Benefits

Feature rich

Bryntum Grid has all the features you would expect from a professional grid component, including:

• Locked columns
• Cell editing
• Custom cell rendering
• Grouping of rows and headers
• Filtering and searching
• Tree grid included

Great performance

Nobody likes a sluggish UI. Bryntum Grid uses many techniques to achieve great rendering and scrolling performance:

• Virtual rendering
• Lazy loading of large datasets
• Minimal DOM interactions & element reuse
• Modern CSS optimizations
• Try our big data set demo to test the performance

Easily customizable

Bryntum Grid has lots of options for customization:

• Five themes plus a custom theme demo included
• Cell renderers to render custom HTML and style cells
• Extensive reactive API
• Responsive support

Features

• Cell editing
• Customizable cell tooltips
• Toggle columns using context menu
• Row filtering
• Virtualized rendering
• Infinite scrolling of large datasets
• Ability to pin rows to the top (as in Excel)
• Read-only mode available
• Collapsible columns
• Plenty of column types: date, number etc.
• Keyboard navigation
• Drag rows between different grids
• Row reordering with drag drop
• Row grouping
• Grouped headers
• Summaries
• Search and quick find
• Locked columns with draggable splitter
• Locked rows
• Paged datasets
• Sorting
• Striped rows
• Tree view
• Customize cell contents and appearance
• Export to PDF, PNG and Excel
• Multiple individually scrollable grid sections
• Drag and drop reordering and resizing of columns