Glide Data Grid
  • 👋Welcome to Glide Data Grid
  • 🚀Extended QuickStart Guide
    • ✏️Editing Data
    • 🖱️Working with selections
    • 🔨Grid Columns
    • 📎Copy and paste support
  • 📒FAQ
  • 📚API
    • DataEditor
      • Required Props
      • Important Props
      • Row Markers
      • Editing
      • Input Interaction
      • Selection Handling
      • Custom Cells
      • Drag and Drop
      • Search
      • Styling
    • DataEditorCore
    • Cells
      • BaseGridCell
      • TextCell
      • BooleanCell
      • NumberCell
      • UriCell
      • ProtectedCell
      • RowIDCell
      • LoadingCell
      • ImageCell
      • MarkdownCell
      • BubbleCell
      • DrilldownCell
    • Common Types
    • DataEditorRef
  • Guides
    • Implementing Custom Cells
Powered by GitBook
On this page
  • columns
  • rows
  • getCellContent

Was this helpful?

  1. API
  2. DataEditor

Required Props

interface DataEditorProps {
    
    // ... other props

    columns: readonly GridColumn[];
    getCellContent: ((cell) => GridCell);
    rows: number;
    
    // ... other props
}

columns

columns: readonly GridColumn[];

columns is an array of objects of type GridColumn describing the column headers. The length of the array is the number of columns to display.

💡 This value should be memoized so as to avoid extraneous rerendering.


rows

rows: number;

rows is the number of rows to display.


getCellContent

getCellContent: (cell: Item) => GridCell;

getCellContent returns an object of type GridCell describing the contents for the cell at the given coordinates.

💡 This value should be memoized so as to avoid extraneous rerendering. This is usually done using React.useCallback. Failure to ensure proper memoization will result in slow path rendering at all times.

PreviousDataEditorNextImportant Props

Last updated 1 year ago

Was this helpful?

📚