The last couple of years have been extremely dynamic for the web design world. HTML5 came with many new capabilities and advanced table support is one of them. Does it, though, work well enough for everyone? This is a question that gets a short answer that has ever been a right one: it depends.
UI Grid component and HTML5 table element can be used for a wide variety of applications. The most common of them these days probably is to create and organase some content in a predefined way, making it look the same for everyone, or just putting some data in a table (which we will discuss below on its own). This could totally be achieved even with HTML5 and would work just as well but without very usability and helpful functionality that support UI Grid component.
Let us take a look at the functionality that supports the Grid, but not HTML.
As said above, displaying data in a HTML5 table element is a very common scenario but this table is static. Data is arranged in a certain hard coded way, and even though the data itself can be dynamic and can come from a database, the arrangement is always the same. When data is displayed in a UI Grid component you can choose to sort single column or multiple column by setting the sorting.multiple property to false or true. You can change the first time sort order by setting sorting.firstAscending to true or false. You can remove the unsorting functionality of a grid by setting sorting.allowUnsort to false.
Pagination and Scrolling
This is one that can’t be achieved by HTML5 at all, at least not with good results, and surely not in an easy way. Nobody likes looking at long tables. It is not only confusing, but it also needs to load of lots of information into the browser, making for slower websites and a bad user experience. A UI Grid component that supports advanced pagination and Scrolling is a must, if one wants to display lots of data in a neat way.
There are many cases where the displayed data may be needed by the user in an offline format, where one can look at it later. Many different types of documents support tables, but the most widespread are PDF and Microsoft Excel. If used UI Grid component this is achieved by using the built-in PDF export and save functionality provided by the Shield UI library. The default PDF exporting functionality can be customized for setting up the columns, data, page margins and size, and other options.
AJAX, Offline Usage and Compatibility
This one is extremely important, because grid-bound data usually contains hundreds and thousands of entries. Virtualization support allows for the usage of a particular chunk of entries without loading the entire grid, which in turn increases stability and improves performance and user experience. UI Grid component sypport scrollablе virtual configuration option and displays a vertical scrollbar. Remote data are supported with the UI grid virtualization to.