With tables you can create data grids. Tables have build-in goodies like being sortable. Click on the headers for a demo.

The Id of a table MAY NOT CONTAIN A _ CHARACTER!. This is because of the inner working of nested table and the _ character is reserved.

First Name Last Name Sales Profit
James Rogiers $-2725
Charles Rogiers $3634
James Kenyon $-2699
James Ostrander $-14514
Bert Rogiers $5837
Stephanie Rodrigues $9643
Paul Dougherty $7605
James Dougherty $-7615
Bertrande Rodrigues $12221
Bertrande Klinger $9139

Tables can be scrollable. You'll need to set the height of the parent cell and specify the column widths.

First Name Last Name Sales Profit

Tables can contain all kind of ABM components. In the example below we have Cards and even another table (the profits) as a column. Also, it is made interactive so we receive a clicked() event when we click into a cell. Check the source code of this page on how it is done.

Because the profits are random created, the value it reutrns will not match the one you clicked. This is because when the page was build other values were saved in the html than the ones shown. In a real world app you would get the values from a database for example so they would match.

Card First Name Last Name Sales Profit
Charles Rogiers

This is my card content...

Charles Rogiers
$-2120
$-14735
$11259
$12363
$-2515
$-6784
$-3225
$-11442
$6840
$1918
$-1377
$-14021
$-6892
$-5889
$-1003
$12501
$-6620
$-5957
James Bailleul

This is my card content...

James Bailleul
$5671
$10035
$-5143
$-12452
$-7986
$-2985
$-6734
$-10696
$-14754
$-4911
$8194
$7914
$-8005
$-9077
$-12568
$6748
Stephanie Grant

This is my card content...

Stephanie Grant
$9100
$-11621
$2946
$8703
$3412
$14254
$-13388
$2915
$7678
$10076
$9769
$-10575
$13208
$-10739
$11765
$-5147
$-13276
$-11807
$6424
Charles Kenyon

This is my card content...

Charles Kenyon
$-14700
$-7718
$-6871
$4015
$-11555
$9126
$-13530
$-4873
$7209
$-9110
$-5429
$6318
Alain Ostrander

This is my card content...

Alain Ostrander
$-12652
$-5168
$-10733
$-5023
$3263
$3272
$-4274
$-10773
$4797
Paul Dougherty

This is my card content...

Paul Dougherty
$8755
$-2698
$-5923
$1212
$4829
$9469
$-4064
$-9788
$2007
$7776
$4524
$-3724
$2134
James Grant

This is my card content...

James Grant
$-14494
$-8182
$-6325
Bert Grant

This is my card content...

Bert Grant
$11875
$-14048
Charles Rogiers

This is my card content...

Charles Rogiers
$-14954
$8184
$13795
$11967
$9563
$13309
$8453
$-10210
$10649
$-1583
$-13124
$-5665
$11915
$-12648
$-12029
$-7572
Paul Bailleul

This is my card content...

Paul Bailleul
$14193
$-14628
$-4801
$8695
$-11196
$12028
$6481
$-3956
$-3871
$3299
$-2337
$-6590
$-1859
$-4927
$12850
$-8935
$-1075
$-10995
$-7193