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
Bert Bailleul $4035
Julie Dougherty $-11424
Alain Rogiers $14457
Jos Sheffield $-7738
Paul Rodrigues $4401
Stephanie Klinger $1003
Charles Rodrigues $6543
Paul Kenyon $-13201
Stephanie Sheffield $13717
Jos Dougherty $-5777

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
Paul Grant

This is my card content...

Paul Grant
$-5950
$-11690
$6274
$12359
$4565
$-13607
$-11000
$-10558
Bert Kenyon

This is my card content...

Bert Kenyon
$-12547
$-5621
$-12380
$13116
$2069
$11758
$-12251
$1137
$8930
$-1073
$4852
$-14516
$12569
$-11528
Jos Rodrigues

This is my card content...

Jos Rodrigues
$-7434
$-1908
$-1094
$-10084
$-7650
$-13529
$-9127
$-4867
$5757
$10494
$-8582
$4512
$14567
$-11916
$-13879
$13955
$-8432
Jos Ostrander

This is my card content...

Jos Ostrander
$3083
$12854
$6154
$11278
$5381
$2602
$7517
$2238
$9302
$-9819
Paul Grant

This is my card content...

Paul Grant
$12526
$-7314
$-10892
$2213
$-14854
$2082
$12749
$-6277
$-8269
$-11762
$13165
$-9542
$3029
$-10504
$-13882
$5311
$-9253
$3981
$-11362
$10921
Jos Rogiers

This is my card content...

Jos Rogiers
$-4367
$-1614
$-8792
$6410
$8518
$13325
$1848
$10052
$-14216
$-12028
$-2153
$-12646
$12172
$-11366
$13087
Jos Sheffield

This is my card content...

Jos Sheffield
$5026
$14616
$3550
$11961
$-8860
$-13432
Paul Ostrander

This is my card content...

Paul Ostrander
$-7341
$-14323
$-10251
$-4970
$-4869
$-10341
$-3235
$7898
$4246
Bertrande Ostrander

This is my card content...

Bertrande Ostrander
$-4526
$-9597
$-12967
$-9075
$-8616
$-8801
$14850
James Rogiers

This is my card content...

James Rogiers
$-14539
$10004
$-11855
$-14465
$7655
$-9789
$11426
$13138
$13055
$-12978
$-8679
$-7300
$-12006