• If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Stop wasting time looking for files and revisions. Connect your Gmail, DriveDropbox, and Slack accounts and in less than 2 minutes, Dokkio will automatically organize all your file attachments. Learn more and claim your free account.

View
 

Grid-Features

Page history last edited by Richard D. Worth 9 years, 1 month ago

This is a list of all different grid features. Some grids call things by different names or have different ideas about what a feature entails. The idea with this page is to capture the full list and gather some details of where there is general consensus, sometimes pointing out useful difference and comparisons. Also great would be links to examples and screenshots.

 


All features of all grids

 

Resizable height and width

 

Column reorder

 

Progressive enhancement - turns HTML table into grid

 

Virtual rendering / virtual scrolling / Auto loading data when scrolling / Ajax auto loading of data


Keyboard navigation

Column size: autosize

Column size: force-fit

Column resizing

Row editing

Cell editing

Row creation

Grouping

Searching

Filtering

Sorting

Data type detection

Paging

Undo/Redo

Background post-rendering

Multilanguage support / i18n / globalization

Data sources: XML, JSON, Arrays, CSV, DOM, Ajax

SubGrids

Formatting / Formatters

Editing: Validation of entered data

Tree Grid

Hidden columns

 


Comments

 

These comments capture suggestions people make on features we should consider in the above list and/or the list of features to be added to the jQuery UI Grid.

 

Comment by Klaus Pesendorfer on Feb 25, 2011
I've thought about a missing feature for "4.3 Column Resizing" ... when double-clicking on the edge of a column it should auto-resize (grow/shrink) the column to fit its content ... as known from many desktop applications.

 

Comment by ryan (parrfolio@g_._.com) on 2011-Feb-03
Suggested feature: Lock Column - The ability to lock the first column in a multi-column table. This mimics a feature in excel to lock the first column when viewing large data sets. Have this ability would allow the user to scroll other columns horizontally and keep context. Similar to locked header patterns that exist.

 

Gyuri said at 9:09 am on Jan 27, 2011
Two more feature suggestions:

  • Undo (just like in text editors)
  • Search and Replace

These would greatly increase usability.

 

Comments (6)

Richard D. Worth said

at 3:48 pm on Feb 3, 2011

Memory is hazy but I think I started the above list a couple weeks back from docs of SlickGrid, jqGrid, and DataTables. Would be good to check with a couple more and then start filling in details.

fnagel said

at 6:02 am on Feb 4, 2011

Please consider adding ARIA attributes and implement the grid widget according to the WCAG 2.0.

Did the jQuery UI team take a look at my table plugin? It's theme switcher compatible and has complete ARIA / WCAG support and could be helping implementing this ti the grid widget. Its hosted on GitHub (https://github.com/fnagel/jQuery-Accessible-RIA), take a look at the Wiki and the demo: http://fnagel.github.com/jQuery-Accessible-RIA/Table/

Richard D. Worth said

at 9:11 pm on Feb 5, 2011

Felix, yes, thank you for reminding me. I just created a dedicate page for Grid a11y and have listed your plugin as an excellent reference. Would appreciate any content you may want to add to that page, in terms of issues we'll encounter, things we'll want to keep in mind, etc.

Jonathan Sharp said

at 10:51 am on Jun 23, 2011

Any additional details regarding the Formatting / Filtering features?

Richard D. Worth said

at 6:41 am on Jan 22, 2012

Here's another vote for locking columns or freezing columns: https://forum.jquery.com/topic/freeze-columns-or-rows-in-grid

You don't have permission to comment on this page.