Flutter DataGrid (SfDataGrid) Overview

4 Jul 20232 minutes to read

The Syncfusion Flutter DataGrid is used to display and manipulate data in a tabular view. It is built from the ground up to achieve the best possible performance even when loading large amounts of data.

Overview Flutter Datagrid

Key Features

  • Column types - Supports loading any widget in each column.
  • Column sizing - Set the width of columns with various sizing options. Fit the columns based on the value of the cells to improve readability.
  • Row height - Set the height for header and data rows. Fit the rows based on the value of the cells to improve readability. Also, set the different heights for specific rows.
  • Editing - Allows users to edit cell values. An editor widget can be loaded based on the column type to edit cell values.
  • Sorting - Sort one or more columns in ascending or descending order.
  • Selection - Select one or more rows. Keyboard navigation is supported for web platforms.
  • Filtering - Interactive support to filter data as like Excel. Filter data by text, numbers, and date-time values. Also, supports programmatical filtering.
  • Column Drag and Drop - Supports reordering columns by dragging and dropping them at the required position.
  • Column resizing - Resize columns by dragging the right edge of the column header.
  • Exporting - Support to export the data to Excel and PDF.
  • Styling - Customize the appearance of cells and headers. Conditional styling is also supported.
  • Stacked headers - Show unbound header rows. Unbound header rows span stacked header columns across multiple rows and columns.
  • Load more - Display an interactive view when the grid reaches its maximum offset while scrolling down. Tapping the interactive view triggers a callback to add more data from the data source of the grid at run time.
  • Paging - Load data in segments. It is useful when loading huge amounts of data.
  • Freeze Panes - Freeze the rows and columns when scrolling the grid.
  • 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 the swipe view will show the custom actions.
  • Footer - Show an additional row that can be displayed under the last row. Widgets can also be displayed in the footer row.
  • Pull to refresh - Allows users to refresh data when the DataGrid is pulled down.
  • Theme - Use a dark or light theme.
  • Accessibility - The DataGrid can easily be accessed by screen readers.
  • Right to Left (RTL) - Right-to-left direction support for users working in RTL languages like Hebrew and Arabic.