Before going into all the detail, here is the test running in all it’s glory. You are invited to open the test in a new tab an play around with it. The test starts up with a load test for processing 1,000 updates every second.
These test were done with the following hardware / software:
There are two ways to absolute position DOM elements on the screen:
This article explains what both are and demonstrates how using
transform animations perform better by utilizing the GPU.
position: absolute and
style.left is the traditional way of positioning and was designed with web page layout in mind. If you animate transitions using this mechanism they do NOT use the GPU if available.
The following code snippet shows what setting this up looks like for animating the vertical position of a DOM element using
This article was posted on www.ag-grid.com to explain to users what performance hacks are used inside ag-Grid.
We describe how to squeeze performance out of the browser which can be applied to anyone wanting to tune their own applications. It will be of particular interest to users of ag-Grid to improve understanding of how to work with the grid. We also think that it will be of interest to anyone creating a grid. …
ag-Grid started life as an open source project and true to these roots, it now comes in two versions; ag-Grid Free and ag-Grid Enterprise. ag-Grid Free is a feature rich datagrid that is and will always remain free to use.
We have somehow managed to live the coder’s dream — transitioning an open-source project into a successful commercial offering.
We found ourselves in a unique position with a strong revenue stream and the ability to contribute to the community we started in. …
ag-Grid has zero dependencies such as Angular or React, we don’t even use JQuery, Underscore or LoDash. The foundations of ag-Grid is a custom made framework designed specifically for ag-Grid. Having no dependency means ag-Grid will work with any framework — we call this framework agnostic.
Being framework agnostic allows you to choose your framework and datagrid separately. It also reduces the work required when you move frameworks (e.g. …
So I decided to write my own. I called it ag-Grid.
After presenting it at Angular Connect 2015, I quit my job to work on the project full time. A year on and things have changed beyond all expectations.
Here’s the story how, in under a year, my side project grew into a company that was a major sponsor at Angular Connect 2016 — one of Europe’s largest Angular conferences.
Speaking at Angular Connect 2015 scared me. I’d not spoken in public before, never mind to 1,000 people while simultaneously being streamed live on YouTube. …
Last week saw the release of version 6.x of ag-Grid. This release signifies a large step forward for ag-Grid, offering full support for Angular 2 Components within the grid itself.
As a Angular 2 developer, you’re probably already aware of the power of the Angular 2 framework — you can now apply this to components within ag-Grid. You’ll get all the flexibility that the Angular 2 frameworks offers from within the grid.
To have ag-Grid available to your Angular 2 application, you need to import the
AgGridModule. All you need to do is:
forRoot part is to ensure our providers are injected at the root level (or rather, are singletons). …