Benefits

Spread.Views is the next-generation of JavaScript data presentation and layout components. Go beyond traditional tabular display by including a variety of views such as tree, card, masonry, trellis, timeline, Gantt, calendar, and grid.

Pure JavaScript

Spread.Views doesn’t require external libraries or frameworks such as jQuery. External frameworks are supported, but not required

Provide the ultimate flexibility

Easily customize layouts, row templates, data fields, calculations, and editing modes

Platform independent

This client-side component will work for Windows, Linux, and MacOS, as well as mobile operating systems such as Android and iOS

Runs in all modern browsers

Spread.Views is tested in Chrome, Firefox, Safari, Edge, and Internet Explorer in both mobile and desktop form

Touch support

Touch controls are available on touch-enabled devices

Professional Layout Plugins

Grid

Present data in a traditional horizontal or vertical tabular row layout.

Card

Lays out each row as easily-formatted cards. Display cards in a variety of ways such as a list, in a grid, or in a trellis.

Calendar

Calendar

Display summary KPIs of your data in a calendar view for an easy monthly overview

Timeline

Timeline

Make each row an object on a timeline complete with options such as date and line placement and header toggle

Trellis

Trellis

Trellis card display for perfect Kanban views of your tasks

Social News Feed

Social News Feed

Customize cards to appear as news items similar to popular social media sites

Tree Grid

Tree Grid

A quick and easy treeview for your hierarchical data. Includes special aggregation functions to summarize the data easily

Gantt

Gantt

Use the Gantt column to visualize project data ranges

Masonry

Masonry

A size perfect gallery of your images with infinite scrolling, all with a single line of code

Built-in and Custom Data Field Presenters

Sparklines

Use a Sparkline to show the results of a formula or to summarize data groups.

Number Formatting

Use Excel-like numerical formatting to format data such as dates, currency, and percentages.

Custom Presenters

Write your own presenters to format data fields. Useful to format images, visualize numbers, and apply conditional formatting.

Calculated Fields

Write functions and display results as numbers, strings, Sparklines, and other indicators.

Demos

Spread.Views Tutorial

Comprehensive tutorial covering Spread.Views features. Includes instruction, code, and samples

Spread.Views Features

Try the JavaScript views features

GameStatistic

Displays the typical use of column configuration in a game statistic table

OData Explorer

Demonstrates dataview binds with the queried Odata

SupportForum

Demonstrates how to use a card layout and timeline strategy to implement a simple product support forum website

TrellisBoard

Use TrellisGrouping to simulate a technical support scrum whiteboard

Performance Test

Benchmark the speed of Spread.Views against similar products

What's New

New Component - Spread.Views

With this release of SpreadJS, we are announcing our newest product Spread.Views. This is a data presentation component that helps you quickly create modern data layouts such as grid, news feed, trellis, card, masonry, timeline, and more. For a limited time, Spread.Views will be packaged with SpreadJS (Spread.Sheets + Spread.Views).

What's New

Resources

Support

Forums (24-hour Global Support)
Submit a ticket
Spread DevChannel

Documentation

Documentation

Support & Learning