Forge

Install Data Grid Sample to access examples, demos, and documentation for the Data Grid component.

Using this element you can create tables with a dynamic amount of tables and columns. This will all be based on the amount of data that you fill the structure with. Needed for the structure is the Table element, Row element and Cell element. By altering the properties of the Cell-structure and use those new properties in webblock where the cells are displayed you can add any desired functionality within your table cells.

This sample application will show how to create a history or audit for a table.

Application to help us find the tables on Databases Manager.

JQuery library used to reorder/drag table columns during runtime. Support for touch and click events. Based on: https://github.com/akottr/dragtable and https://github.com/sindu12jun/table-dragger

This Data Table use on Table Records, which has in build search pagination and number of record display features.

Component that allows users to resize the columns of any table at run time.

Configured to notify the values needed to store the size of the columns to per session or in the database. Simply store this value and then pass it back into the component via input parameter 'ColumnSizeString' for the table to be restore to the last size.

Very flexible with many configuration inputs, just drag onto screen, and pass in the runtime id of your table.

Wraps: https://github.com/alvaro-prieto/colResizable

Simple and efficient freeze header plugin.
Freeze header to top, give the height to make a scrollable table with fixed header. That easy!

Display, and update a matrix data into the editable table view

Enables you to build a view only Table in which actions show up on click in a similar style to the Platform's Editable Table.

Allows user to hide/show columns on tables at run time. Configured columns can be saved in database or session to persist the toggled columns across/during sessions.

Put a table here and the quantity of columns then it will be freeze.

AG-Grid known as the best grid in the world. This components integrated some rich features of AG-Grid into the Outsystems & provide easy options to use and configure. It's offer more options than traditional table grid.

Application to help developers implement a locking system when updating table records

Exports a HTML table to Excel without the need to implement a client action.