Angular DataGrid Walkthrough: From Simple to Advanced

In this guide using Wijmo’s FlexGrid, you will be able to add a powerful Angular datagrid component to your web application. We will showcase how to create a simple Angular datagrid, as well as how to add advanced features such as databinding, editing, sorting, filtering, conditional formatting, cell templates and more, all while still maintinaing high performance with 500,000 records. FlexGrid is only one of the many useful JavaScript components inside Wijmo.

***
00:10 Install Wijmo in Your Angular Application
01:19 Bind Data to the Angular Datagrid
02:48 FlexGrid Performance Test
03:50 Define the Grid’s Columns
04:49 Format Data Using Our Globalization API
06:24 Enhance the Datagrid Using Flexible Cell Templates
09:44 Visualize Data with Conditional Formatting
11:22 Add Custom Components For Complex Cell Renderings
14:21 Add the Full-Text Search Extension to Quickly Locate Records
15:58 Import FlexGrid’s Excel-Like Filter
18:09 Try Out Wijmo’s FlexGrid