Flexible, Powerful DataGrad from Sencha

0
70

Many of the web functionalities that we rely on once lived within individual desktop applications. From office suites, games, and financial tools, all of them are now web applications; they’re just as feature packed as their desktop counterparts. In the past I’ve used a variety of JavaScript grid widgets on client sites, and each had a number of pain points: performance, size, flexibility, etc. Sencha’s powerful DataGrid is possibly the best grid I’ve seen yet – let’s have a look.

Quick Hits

  • Create responsive tables with filtering, sorting, pagination, AJAX, and much more
  • Handles millions of records with no performance degradation
  • Data import and export capabilities for CSV, TSV, HTML, PDF, and XLS
  • Advanced plugin capabilities: Row operations edit, Drag-and-drop, Copy-Paste, Expand, Select, and more
  • Support for embedding other Sencha JavaScript widgets within the grid
  • Grids can be created from markup to allow maximum accessibility
  • Numerous working examples to start your grid from
1644938371 senchagrid3

It’s easy to create an Ext JS grid from an existing HTML table from a few lines of JavaScript code:

grid = Ext.create('Ext.ux.grid.TransformGrid', 'my-table', 
    stripeRows: true,
    height: 130
);

grid.render(Ext.getBody());

Focus on Performance

Performance has always been a huge factor when determining a grid’s usability. Performance factors include initial load and render, drag / drop, data binding speed, sup-component speed, and general use. If you fail any of these tests, you’re likely going to shed users quickly. Sencha’s Grid is incredibly performant – all of these operations feel snappy and thus the grid feels really great to use.

Incredible Functionality

When users and engineers see powerful grids they tend to want more – sorting, data binding, drag and drop, special formatting, customizable fields, embedding of other widgetry – and Sencha Grid allows for all of that. And since Sencha already has a number of those components already, you save time not having to build them out. Integrate!

1644938665 senchagrid5

Ease of Implementation

As I’ve stated above, implementing a Sencha Grid can be easy, accessible, and with little code at that. Dynamically instantiating a Grid from an existing HTML table is easy, while initiating from JavaScript is also intuitive, for which there are many examples available!

Sencha has a reputation for creating amazing JavaScript utilities for more than a decade now. That reputation clearly shines as their Grid is amazing from any number of aspects!


Source

LEAVE A REPLY

Please enter your comment!
Please enter your name here