Table ADDON-TABLE

Examples API Setup
Source code
See also
TablePagination, TableFilters

This module allows you to create various tables, both static and editable.

Basic

#
Name
Balance
Alex Inkin 1 323 525
Roman Sedov 423 242

Custom

#
Checkbox
TitleCellStatus Items ProgressActions
Data point 1 The first element
This is title Chip More information ・ Data
JC John Cleese silly@walk.uk
Success
Some
items
displayed
here
and
can
overflow
78ms
Some title Some more text
More info Chips can be here
EI Eric Idle cool@dude.com
Failure
One
Item
91ms
And now Completely different
Wow
MP Michael Palin its@man.com
Pending 32ms

Editable

#
Name Purchase
items
999 999
items
998
m
149.75
items
19 999
items
14 997
items
74.75

With tuiSortBy directive to work with column titles instead of sorters

#

Date of Birth
Wilson, Julia 02.07.1993 32
Wilson, Julia 15.06.1993 32
Wilson, Julia 31.03.2001 24
Wilson, John 01.02.1996 29
Wilson, John 28.07.1995 30
Wilson, John 06.04.2003 22
Wilson, John 06.03.2004 21
Wilson, Joe 09.01.1996 29
Wilson, Joe 18.09.2002 23
Wilson, Joan 06.12.2001 23
Pages 30 Lines per page of 300

Virtual scroll

#

You can use Table with ScrollingModule from @angular/cdk/scrolling .

Dynamic columns

#
1 name

Footer

#
999 rows
NameBalance
Alex Inkin1 323 525
Roman Sedov423 242