"How to Choose the Best JavaScript Framework for Your Team" is available now! GET YOUR FREE E-BOOK TODAY

FlexGrid

A Fast, Flexible, Familiar Data Grid

“We rely on functionality of Wijmo 5’s FlexGrid in our massive next-generation platform products. Wijmo’s modern, full-featured FlexGrid with sophisticated grid manipulations is what you will find at the heart of our workflow.”

— Aaron Mendez, Manager of User Experience,
Thomson Reuters

Already purchased Wijmo 5? Download it here.

 
 
 



For 20 years, the FlexGrid UI control has evolved in the industry’s best, most flexible grid control available. The HTML5/JavaScript control combines all the benefits of FlexGrid with the benefits of Wijmo 5:

  • Extensible and flexible
  • Small footprint: <150 KB
  • No dependencies
  • Framework-agnostic, and supports Angular

Getting Started with FlexGrid for Wijmo 5

FlexGrid: The Best Angular Grid

A good Angular data grid starts with a fundamentally sound grid. FlexGrid includes only the required key features, and offers everything else through an extensibility model. Basic Excel-like features like sorting, grouping, and editing are built-in, while the bells and whistles are optional.

The result is a small, fast, familiar, flexible grid that includes all the benefits of Angular 2, including:

  • Declarative markup
  • Cell templates
  • Data binding
  • TypeScript source and samples

More Resources

Getting Started with Wijmo FlexGrid using Angular 2

RUN FLEXGRID ANGULAR 2 DEMO



Explore the Features of this Fast, Flexible JavaScript Grid

Basic features


FlexGrid_Basic_Features_500.jpg
Fast built-in features

Fast, high performance

TRY BENCHMARK DEMO

FlexGrid_Benchmark
See how FlexGrid measures up

Familiar, Excel-like interface


FlexGrid_Cell_Merging
Merge cells across rows and columns

Framework integration (optional)


FlexGrid_Frameworks



Flexible Features via Extensions

RowDetails

  • Allow users to drill down to details
  • Hide and collapse detail cells
  • Embed grids in detail cells
  • Include input and editing controls
  • Edit the dimensions of detail cells

RUN DEMO

FlexGrid_RowDetails_500
Add expandable and collapsible detail rows

FlexGrid Filter

  • Add full filtering UI to any FlexGrid
  • Adds filter icons to column heads
  • Select from list of values
  • Set up conditional filtering
  • Automatically shows specific types of filters based on data type

RUN DEMO

FlexGrid_Filter_500.jpg
Filter by columns and conditionally

GroupPanel

  • Add drag-and-drop grouping UI to any FlexGrid control
  • Aggregate data in grouping headers
  • Expand and collapse groups
  • Nest groups

RUN DEMO

FlexGrid_GroupPanel
Add easy grouping and aggregation


What Our Customers Say

Thomson Reuters
“We rely on functionality of Wijmo 5’s FlexGrid in our massive next-generation platform products. Wijmo’s modern, full-featured FlexGrid with sophisticated grid manipulations is what you will find at the heart of our workflow.”

— Aaron Mendez, Manager of User Experience, Thomson Reuters

Rivers Agile Solutions
“After evaluating the current data grids with Angular 2 support, we decided to purchase Wijmo. We chose Wijmo because of the strong feature set and the deep integration with Angular 2. Wijmo’s FlexGrid has a big leg-up on all other grids for Angular 2, especially since many other grids are still dependent on jQuery. My team and I are sold on FlexGrid.”

— Raleigh Johnson, Software Engineer, Rivers Agile Solutions