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, 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

JavaScript Data Presentation

Grid

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

JavaScript Data Presentation

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.

JavaScript Data Presentation Calendar

Calendar

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

JavaScript Data Presentation Timeline

Timeline

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

JavaScript Data Presentation Trellis

Trellis

Trellis card display for perfect Kanban views of your tasks

JavaScript Data Presentation Social News Feed

Social News Feed

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

JavaScript Data Presentation Tree Grid

Tree Grid

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

JavaScript Data Presentation Gantt

Gantt

Use the Gantt column to visualize project data ranges

JavaScript Data Presentation 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

JavaScript Data Presentation Sparklines

Sparklines

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

JavaScript Data Presentation Number Formatting

Number Formatting

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

JavaScript Data Presentation Custom Presenters

Custom Presenters

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

JavaScript Data Presentation Calculated Fields

Calculated Fields

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

Demos

JavaScript Data Presentation

Spread.Views Tutorial

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

JavaScript Data Presentation Features

Spread.Views Features

Try the JavaScript views features

JavaScript Data Presentation Game Statistic

Game Statistic

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

JavaScript Data Presentation OData Explorer

OData Explorer

Demonstrates how a dataview binds with the queried OData

JavaScript Data Presentation Support Forum

Support Forum

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

JavaScript Data Presentation Kanban Board

Kanban Board

Use TrellisGrouping to simulate a technical support scrum board

JavaScript Data Presentation Performance Test

Performance Test

Benchmark the speed of Spread.Views against similar products

Resources

Support

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

Documentation

Documentation

Award-winning Spreadsheets for .NET, JavaScript, and COM

GrapeCity, 2 Publisher, ComponentSource

GrapeCity
#2 Publisher
2018 ComponentSource

Spread.NET, 4 Product Award, ComponentSource

Spread.NET
#4 Product Award
2018 ComponentSource

SpreadJS, Top 100 Product, ComponentSource

SpreadJS
Top 100 Product
2018 ComponentSource

Spread COM, Top 100 Product, ComponentSource

Spread COM
Top 100 Product
2018 ComponentSource

Recent Blogs

Commercial OEM and SaaS Licensing

If you want to use SpreadJS to create your own commercially licensed SDK, or web application builder, choose the Commercial OEM license. Since use cases vary widely, Commercial OEM and SaaS licenses are customized for each customer.

Become an OEM Partner