← Back to all blogs

Posts tagged with 'flexgrid-2'

How to export selected rows of FlexGrid to a PDF file

Recently, I received an inquiry about exporting selected data from a FlexGrid to a PDF document. I found this interesting. While we often brag about the amount of data the FlexGrid can hold, in this case,the user needed only a portion of the data.

Wijmo 2016 v3 Has Landed!

We're pleased to announce the third major release of Wijmo in 2016!

Data Validation in a JavaScript Data Grid

Data validation is an important task for any applications that accept user input. In build 212, we added data validation to the CollectionView class, which can be used by all Wijmo controls that support data collections, including the FlexGrid.

How to Filter Hierarchical Data in FlexGrid and Angular

Filtering is an important feature for large data sets and may vary depending on the structure of the data being filtered. In this post, we'll walk through filtering hierarchical data in the FlexGrid control in an Angular application.

Creating a Visual Studio Code Extension Using Wijmo

GrapeCity has recently released Excel Viewer, a Visual Studio Code extension that uses the FlexGrid and FlexSheet controls from Wijmo 5 to preview CSV files and Excel spreadsheets. Developed by Microsoft, VS Code is a free, open source code editor that runs on Windows, Mac OS X, and Linux. It includes built-in support for JavaScript, TypeScript, and Node.js, with features such as IntelliSense, parameter hints, and smart code navigation. For version control, VS Code integrates seamlessly with any Git repository. In addition to all of its out-of-the-box features, VS Code provides a rich extensibility model that lets you add custom functionality, as well as a vibrant marketplace where you can easily browse and install extensions that have been contributed by other developers.

The Best Angular 2 Data Grid: FlexGrid

Plenty of JavaScript data grids exist in the market: open source, third-party, homegrown. Wijmo's FlexGrid is currently the best data grid for Angular 2.

Using Class Inheritance to Create a Custom Component in Angular 2

As part of the Angular 2 custom component series, today we’re looking into how to create a custom component by inheriting a base class. Specifically, we’ll create an InheritedGrid by deriving it from the Wijmo’s WjFlexGrid component.

Creating Custom Components in Angular 2: Inheritance or Aggregation?

In this blog series, we’ll look at the two primary methods of creating a reusable custom component in Angular 2: class inheritance and aggregation. We’ll look at the pros and cons of each method and dive into their implementations.

Using Aggregation to Create a Custom Component in Angular 2

As part of the Angular 2 custom component series, today we’re looking into how to create a custom component using aggregation.

Video: How to Migrate from Angular 1 to Angular 2

Thanks to everyone who attended the webinar! If you couldn’t attend the live broadcast, here's the video and slide deck.

Wijmo Build 5.20153.117 Available

We have just released Build 117 and it includes some nice new features, some new samples and of course bug fixes.

Wijmo Build 5.20153.109 Available

We have just released Build 109 and it includes some nice new features, some new samples and of course bug fixes.

Wijmo Webcast: Visualizing Large Data Sets with Wijmo Enterprise

Here's a recent webcast on how to utilize some of the new features in Wijmo Enterprise for visualizing large datasets in a manner that is consistent with Wijmo Enterprise’s vision. Our vision is to build highly performant, touch-first, lightweight, true JavaScript controls without making comprises for older technologies.

Creating Column Groups in FlexGrid

Most tables and grids include a single header row that shows the name of the field that the column refers to.

Making FlexGrid Responsive

When developing applications that will run on mobile devices, you should keep in mind that their screens are small and that they have no real keyboard.

Transform a FlexGrid Row into a Customizable DetailRow

In addition to the FinancialChart and FlexSheet, the Wijmo5 2015 release contains a new extension for the FlexGrid: DetailRow. The DetailRow extension provides the developer with a template for an expandable, and highly customizable, row, and provides your end users with another layer of information and interactivity. Using a directive or calling the classes directly in your JavaScript transforms any row in your FlexGrid into a DetailRow, complete with customizable expand/collapse buttons.

Custom Editors in FlexGrid

Let's assume that you are displaying data for all the orders delivered in a month. It means you have an OrderDate column of Date type and also, an Amount column which contains the order amount. Now, if you display this data in FlexGrid or or for that matter, in any grid then the end user will have to type the date/amount manually since the default editor is a input tag of type 'text'. As a result, you have to check for format and apply required validations on the entered date/amount values.​