Skip to content
This repository has been archived by the owner on Apr 17, 2020. It is now read-only.

implement UiWidgetListTable #11

Open
hohwille opened this issue May 5, 2015 · 1 comment
Open

implement UiWidgetListTable #11

hohwille opened this issue May 5, 2015 · 1 comment

Comments

@hohwille
Copy link
Owner

hohwille commented May 5, 2015

UiWidgetListTable is to be implemented. This will be tough especially for web (GWT). We have to consider the following requirements:

  • Support for scrolling tbody vertically as needed and the entire table horizontally.
  • Ability to scale the size of the entire table with the available size (without javascript layout managers)
  • Abilitly for the user to sort by column (via clicking on column header)
  • Ability for the user to resize columns (with e-resize cursor on the fly by dragging the right border of the column)
  • Ability for the user to reorder columns with drag and drop via column header
  • Ability for inline editing
  • Ability for multiple selection with checkboxes
  • Keyboard support to step through the column headers and cells with cursor keys
  • Accessibility support via WAI-ARIA
  • For large datasets it may be required that we only render the visible part and update lazily while scrolling
@hohwille
Copy link
Owner Author

hohwille commented May 5, 2015

Great progress after long fight with HTML(5) and CSS. Now working:

  • list table with column model
  • tbody scrollable
  • columns resizable
  • columns sortable
  • showing of sort order via CSS icon
  • content of columns is clipped when to narrow using text-overflow: ellipsis
  • setting min/max width for column honored by resizing

Still lots of things to do:

  • inline editing (should be quite easy to implement now)
  • hover text for headers and cells to show full text (useful if clipped), configurable via API
  • grouping of headers
  • tab/focus management for keyboard control
  • horizontal scrolling
  • tfooter support including summary functions
  • accessibility/aria support for screenreaders
  • special features (all cells editable, custom editor e.g. via Popup, custom styles for cells, etc.)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant