Table & API

Create a table and control it.

• TableScope – creates and runs a table in a host element
• TableApi – scroll, sort, filter, copy, export, update cells
• TableScope.destroy() – release a table (listeners, observers, renderers)

Training: First table · Web Component & CDN

Table model

From your data to a model.

• TableFactory – createTableModel, buildByTypedRows, createByAreaModels
• CreateTableModelPara – all parameters of createTableModel
• TableModelIf – header, body, footer + columns + fixed columns

Training: Array<T> → model · Array of arrays · Fixed columns

Area models

Header, body and footer – or a model of your own.

• AreaModelIf – what the table asks: row count, values, heights, spans, styles
• AreaModel – base class for own models (millions of rows, totals, server data)
• AreaModelObjectArray – objects – filtered and sorted rows
• AreaModelArrayOfArrays – rows of values

Training: TableModel & areas · Own AreaModel · Footer totals

Columns

Label, width, alignment, renderers, sorting, editing.

• ColumnDef – new ColumnDef(…) and ColumnDef.create({ … })
• ColumnDefIf – every field of a column
• Size – px, % and weight widths – constants px0 … px500

Training: ColumnDef · Sorting

Options

Behaviour and look of a table.

• TableOptions – all defaults – use { ...new TableOptions(), … }
• TableOptionsIf – every option explained
• AutoRestoreOptions – remember sorting, scroll position, open nodes

Training: TableOptions · Persist state

Events, selection & keyboard

React to what the user does.

• EventAdapter – override only the events you need
• GeMouseEvent – area, row, column, click count, browser event
• SelectionModel – cells, rows, columns or ranges
• ShortcutService – keyboard shortcuts and actions

Training: Events & context menu · Selection & copy

Renderers & styling

How cells look.

• CellRendererIf – an own renderer in one method
• NumberCellProgressBarCellRenderer – one of the built-in renderers
• GeCssColorUtil – colour gradients for heatmaps
• CssVars – the --ge-table-* CSS variables

Training: Cell renderers · Heatmap · Theming & dark mode

Trees, groups, export

The rest of the toolbox.

• TreeFactory – hierarchical data → tree rows
• AreaModelCellGroups – grouped, collapsible headers
• ExcelService – .xlsx without a library
• TableCellUpdateEvent – live updates of single cells

Training: Tree table · Header groups · Excel export · Live data