We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Syncfusion Flutter DataGrid is used to display and manipulate data in a tabular view. Its rich feature set includes row selection, sorting, column sizing, row height customization, swiping and more. It has also been optimized to handle high-frequency real-time updates.


High performance

The Flutter DataGrid is built from the ground up for the best possible performance, even when loading large amounts of data.

Flutter DataGrid performance


Responsive DataGrid

Responsive features allow the Flutter DataGrid layout to be viewed on various devices. It is also possible to hide specific columns based on the device. Customize the width of all the columns or individual columns with the built-in column sizing options.

Flutter DataGrid performance


Real time updates

The Flutter DataGrid can handle high-frequency updates even for demanding scenarios.

Real time updates in flutter datagrid


Column types

Load any widget or multiple widgets to the cells for better data visualization..

Flutter DataGrid shows different column types


Sorting

Sort data against one or more columns in the ascending or descending order. You can also perform tri-state sorting and display sort numbers to indicate the sort order.

Columns are sorted in flutter datagrid


Selection

  • Select a row with any of the four built-in selection modes: Single, multiple, single deselect, and none. The single deselect mode clears a selected row when it is tapped again.
  • Keep track of the last row and cell interaction using the current cell. Use the keyboard to navigate through rows and cells in web platforms.
  • Customize the selection background and foreground color, as well as the border color and border width for the current cell.

Flutter DataGrid shows rows with selection


Column sizing

Column width can be adjusted based on the user requirement to enhance the readability of the content.


Row and column customization

Flutter DataGrid shows rows in auto-fit

Row height

Users can adjust the row height based on the requirement to enhance the readability of the content. It is also possible to set the row height conditionally.

First row and column are frozen in flutter datagrid

Freeze panes

Users can freeze rows and columns at the top, bottom, left, and right positions, similar to Excel. Horizontal and vertical scrolling can be performed, except on fixed columns and rows.

Flutter datagrid shows multiple column headers

Stacked headers

Show unbound header rows along with the column header row. Unbound header rows span header cells across multiple rows and columns.


Infinite scrolling and load more

  • Load more rows to a datagrid at run time when vertical scrolling reaches its maximum offset.
  • Users can do infinite or endless scrolling to load more rows continuously.
  • The loading indicator or any widget can be shown at the bottom of a datagrid to notify lazy loading.

infinite scrolling in Flutter datagrid


Pull to refresh

Refresh the data at run time when the datagrid is pulled down.

Pull to refresh in Flutter datagrid


Swiping

Swipe a row “right to left” or “left to right” for custom actions such as deleting, editing, and so on. When the user swipes a row, the row will be moved, and swipe view will be shown for custom actions.

Swiping Flutter datagrid


Paging

Manipulate data using the SfDataPager widget to view rows in multiple pages.

Flutter DataGrid shows rows in page segments


Appearance

Styling in Flutter DataGrid

Styles

Customize vertical or horizontal grid line borders, or both. Customize the border color and border thickness, as well.

Styling in Flutter DataGrid

Conditional styles

Customize row appearances conditionally based on the data.


Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile