The widget allows seamless data entries. By clicking any of the cells, you can easily edit its contents, select/deselect particular items using checkboxes, or choose any value from a list by means of a drop-down menu.
Table items can be sorted with a single click on the header of a column. You can use DataTable sort function for big data sets.
If your DataTable works with big data sets, it will be more convenient to separate it into several pages. Customizable numeric and direction controls provide easy navigation through available parts of the table.
This feature makes it possible to save the widget’s state to cookie, local or session storage and then restore it in the next session. The information on all operations performed in the widget will be saved, which will prevent the users of your app from losing some important data.
You can change the order of the rows by dragging them to a particular position. The 'order' mode allows you to define if an item can or can not be dragged out of the grid boundaries. If you have two grids on a page, you can move an item from one grid to another, and remaining items will be rearranged automatically. Advanced configuration allows you to deny dragging of specific items, disable dropping rows to specific positions, etc.
Th widget provides the ability to copy/paste data to and from the clipboard so you can easily exchange the grid data with desktop apps like Excel. The clipboard’s support is sustainable in all the latest web browsers, including IE8+, Mozilla Firefox, Opera, Chrome and Safari. In addition, it is possible to export DataTable data to Excel and PDF.
Column and row height and width can be changed by dragging the vertical and horizontal borders of the table.
You can create a DataTable with frozen areas. Frozen Rows functionality is available only in PRO version.
DataTable select function supports different modes, allowing you to use select data by cell, row, and column. You can also select multiple cells by holding the Ctrl key. It's possible click and drag across the cells to select a block of cells.
Thanks to rowspan and colspan functionality, you may present even complex data in a readable form just like in HTML tables.
By clicking on the header menu item with the name of a column, you can make the corresponding grid column either visible or invisible.
This in-built feature will allow Webix users to expand or collapse multiple columns with just one click. You can define a group of columns yourself and then customize its behaviour.
You can place text in datagrid not only horizontally, but also vertically. Such text arrangement will help you save space and place more info in your DataTable.
A Grid row can be equipped with a subrow. It will be displayed after the row. To define the content of a subrow, you can use templates with the names of data properties to display. The content of a subrow will be dynamically re-rendered after you change the related data item. If you enable the autoheight feature, the subrow will automatically adjust its height according to the text it contains.
The JS Table meets the main requirements of the WAI standards and presupposes equal access to web resources for people with diverse abilities.
DataTable can load data from JSON, XML, JSArray, CSV files and also allows you to use your own formats of data, so you can use DataTable with your existing web-services.
Grid widget is compatible with all modern browsers, including IE8+, the latest versions of Mozilla Firefox, Opera, Chrome and Safari.