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, with TypeScript support

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

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


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


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.



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



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



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



Use the Gantt column to visualize project data ranges



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

Built-in and Custom Data Field Presenters


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.


Spread.Views Tutorial

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

Spread.Views Features

Try the JavaScript views features

Game Statistic

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

OData Explorer

Demonstrates how a dataview binds with the queried OData

Support Forum

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

Kanban Board

Use TrellisGrouping to simulate a technical support scrum board

Performance Test

Benchmark the speed of Spread.Views against similar products



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



Support & Learning