New Table GUI

The ILIAS Data Table GUI is an important feature for ILIAS. Until now it's not a kitchen sink object and we sink we should implement the ILIAS Data Table as kitchen sink object.

1 Conceptual Summary

With the new Table GUI we want to simplify the use for developers. It should be much easier to display data in a table than at present. The new Table GUI should offer the same functionality as the current implementation:

• Table Title
• Filter
• The possibility to show and hide columns
• The possibility to limit the displayed rows
• Paging
• Sorting
• Export to CSV, XLSX

• Sorting by Multiple Columns
• Additional export possibility HTML and PDF

2 User Interface Modifications

2.1 List of Affected Views

Table Filter

Current Implementation

Proposed new implementation

Pagination

Current Implementation

Proposed new implementation

https://test54.ilias.de/goto_test54_stys_21_ViewControlPaginationPagination_default_delos.html

Table Row- & Column-Setting

Current Implementation

Proposed new implementation

Table Head

Current Implementation

Proposed new implementation

Table Row

Current Implementation

Proposed new implementation

Table Row Select & Actions

Current Implementation

Proposed new implementation

2.2 User Interface Details

See above

2.3 New User Interface Concepts

Remove Columns &  Remove Sorting 

3 Technical Information

Will be discussed in a workshops

4 Contact

• Author of the Request: Studer, Martin [mstuder]
• Maintainer: {Please add your name before applying for an initial workshop or a Jour Fixe meeting.}
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

5 Funding

If you are interest in funding this feature, please add your name and institution to this list.

• …

6 Discussion

Studer, Martin [mstuder] We made a pull request: https://github.com/ILIAS-eLearning/ILIAS/pull/2186/

7 Implementation

{The maintainer has to give a description of the final implementation and add screenshots if possible.}

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.