JavaScript Data Grid from DeeboData

This JavaScript Data Grid was developed using HTML, CSS, and JavaScript with no third-party dependencies making it a framework-agnostic solution that can be dropped into any website's UI. It provides row grouping, advanced filters, sorting with priority, and much more right out of the box.
The initialization code outlined in the quick start documentation can get you up and running with just a few lines of code. The API reference has a list of customizations to suit your organization's style and functional needs. Apply the customizations functionally before initializing the data grid and charts solution.

Javascript Data Grid Features

  • Virtual Scroll
  • Advanced Column Filters
  • Sort by multiple columns w/ sort order
  • Integrated Charts
  • Row Grouping
  • Cell Editing w/ Validation
  • Processes Links
  • Option to block editing (read-only table)
  • Numbered Rows
  • Tab Accessibility
  • Top level filter
  • Auto right-aligning of numbers
  • Up to 2 theme colors
  • Functional Reset Button
  • Filter on comparators besides equality e.g. >, <=, before & after dates
  • Auto-populates multi-select column filter where appropriate
  • Detects if strings should be coerced into a more appropriate data type
  • Toggle freezing first column
  • Toggle hiding any column
  • Click and drag column and row resizing on laptop and desktops
  • Click and drag column re-ordering on laptop and desktops
  • Row selection and filtering of selected rows
  • Quick Exports of data to csv, tsv, json, psv
Take control of the data that matters to your organization. The data grid's virtual scroll frees up your browser to sift through thousands or even a million rows in an instant. You can jump to a specific row, sort data by multiple columns at once, and apply advanced filters. Maybe your raw data isn't ordered the way you like by default. No worries. Click and drag to re-order columns and resize their widths individually. Rows and the data grid itself can also have their heights adjusted. Hide a column from the grid view. When you're ready for more enhanced visualization that summarizes your data column by column, click the Insights button to instantly generate charts. Your current filters will be taken into consideration. Hidden columns will be skipped in chart generation. We build line graphs, pie charts, and bar graphs where applicable. We also generate a numeric distribution chart that creates a heatmap effect. Download a 30 day free trial or get your 1 year license key and put DeeboData to work for your team.