Features

• Common functionality
  • How to add data
    • Initialization with config.data
    • Initialization with data.load()
    • Initialization with data.parse()
    • Initialization with external DataCollection
    • External data lazy loading
  • Paging
  • Resizable columns
  • Frozen columns
  • Keyboard navigation
  • Export to xlsx and csv
  • Grid with footer. Summaries / math functions: count, min / max, average
  • Selection
  • Multiselection
  • Conditional formatting. Marking cells with colors (example 1, example 2)
  • Data formats (percent, currency, date and combination with templates)
  • Sorting
    • Sorting
    • Sortable columns
    • Get sorting state
  • Filtering
    • Basic filter
    • Header filter
    • External filter
    • Get header filter
  • Drag-n-drop
    • Drag-n-drop inside the grid
    • Drag-n-drop between grids
    • Drag-n-drop copy
  • Show/hide
    • Show / hide row
    • Show / hide column
    • Hidden columns
    • Is column hidden
  • Editing data
    • Editing with different editors
    • Inline editing
    • Editing data using the right panel
    • Editing data using a modal window
    • Edit first cell
    • Grid and Chart. Edit Grid to see the changes in Chart
  • Sizing, content alignment and distribution
    • Adjust columns by header, data, all
    • Content align
    • Columns auto width
    • Rows auto height
    • Row height
    • Header, footer and rows height
    • Columns max width
    • Columns min width
    • Custom sizes
    • Large dataset
    • Several grids with large dataset
  • Tooltip
    • Templates for tooltips (example 1, example 2)
    • Hiding tooltips
  • Grouped
    • Grouped headers (spans)
    • Grouped cels (spans)
• Styling and customization
  • Styling Grid
  • Add cell CSS
  • Add row CSS
  • Custom row style
  • Cell templates
  • Styling header cells
  • Styling footer cells
  • Styling selection
  • Html in data
• Other functionality
  • Auto empty row
  • Controlling scroll behavior
  • Delete row
  • Date column and support of the Date() object
• Integration
  • Backend integration (documentation, demo)
  • Optimus (recommended framework for creating apps with Suite components)
  • React integration (documentation, demo)
  • Angular integration (documentation, demo)
  • Vue integration (documentation, demo)
• All Suite widget functionality
  • Touch support
  • TypeScript support
• Check more samples >>>
• Check a TreeGrid widget >>> - it allows showing the nested tabular data
• Check SpreadSheet >>> - if you need functionality like Google Spreadsheets or Excel
• Check Pivot >>> - if you are interested in analyzing data from large datasets
• Do you need more functionality? Feel free to share your suggestions in the comments below!