DataViewsJS Features

• Presentation Views
  • Grid Layout - Grid Layout is the default layout to present data and allows end-users to sort, filter, group, and edit with ease.
  • Tree Grid View - Implement a quick and easy Grid Tree view to display and filter large amounts of hierarchical data.  
  • Horizontal Layout - Columns can be arranged horizontally to create informative product comparison tables.
  • Card Layout - DataViewsJS provides the Card Layout to place each row in a defined block, or card.
  • Trellis Grouping - The trellis view is a grouping strategy that displays data laid out in a set of cells within a grid.
  • Masonry Layout - Create a gallery of your images with infinite scrolling, all with a single line of code using the Masonry Layout.
  • Calendar Grouping - Display data in a calendar view with custom styling using DataViewsJS's Calendar Grouping.
  • Timeline Grouping - Use Timeline Grouping to display rows of an object on a timeline with date, line placement, and header toggle.
  • Gantt View - Visualize project start and end dates to maintain deliverables using the Gantt View grouping strategy.
• Data Visuals and Benchmarking
  • Data Binding - Bind DataViewsJS to data, with support for CRUD operations, infinite scrolling, live loading, pagination, serialization, and server-side sorting and filtering.
  • Auto Merging - Combine DataViewsJS with SpreadJS by synchronizing data between different controls and DataViewsJS, or use the calculation engine on its own.
• User Interaction
  • Grouping - Customize how you group your data, including custom headers, footers, drag and drop to group, and header sparklines.
  • Edit Modes - Allow editing to your data and set an edit mode, DVJS offers an inline editor, a pop-up form, and a drop-down edit form - all completely customizable.
  • Row Features - Use rows in DataViewsJS in many different ways, including summarizing data in column headers, as navigation for other controls, or as a summary chart.
  • Sorting Filtering - Write expression strings as filter conditions and use one-click sorting on column headers to sort the data.
  • Lock Row - Take control of your data by locking a row to prevent user editing from editing a set of data.
  • Validation - Define data input validations to ensure end-users enter accurate and clean data.
  • Search Box - Provide a visual search box to filter based on the data and the data type.
  • Pagination - Implement client-side paging of local or server-side data with DataViewsJS pagination.
  • Header Selection - DataViewsJS's header selection feature allows a user to select entire sets of data based on the rows and groups.
• Application Compatibility
  • SpreadJS Integration - Combine DataViewsJS with SpreadJS by synchronizing data between different controls and DataViewsJS, or use the calculation engine on its own.
  • Localization - Change localization resources using built-in resources or custom text to change the language of DataViewsJS.
  • CSV Export - Exports rows of data in DataViewsJS to CSV files, copy them as CSV-formatted data to the clipboard, or load CSV as a data source into DataViewsJS.