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
Jos Dougherty $3056
Paul Dougherty $6309
Paul Dougherty $11327
Bert Rodrigues $-1860
Charles Bailleul $-14653
Julie Sheffield $-13581
Paul Sheffield $-13164
Julie Kenyon $5487
Jos Rodrigues $4069
Stephanie Dougherty $7392

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
Stephanie Sheffield

This is my card content...

Stephanie Sheffield
$13974
$-9148
$-2863
$7810
$-11528
$-12157
$-4902
$14836
$13074
$3253
$6962
$3317
$12390
$-9123
$-3821
$-4086
$7816
Alain Dougherty

This is my card content...

Alain Dougherty
$12892
$6110
$-13702
James Rodrigues

This is my card content...

James Rodrigues
$7589
$5059
$3949
$-3233
$-2874
$9936
$-3531
$-14952
$4426
$1794
$-10157
$11591
$10060
$-4519
$-2974
$-2613
$-3452
$9583
$12455
Bertrande Dougherty

This is my card content...

Bertrande Dougherty
$6896
$10548
$-11787
$8870
$13334
$5130
$9596
$4700
$13513
Bertrande Grant

This is my card content...

Bertrande Grant
$10404
$-3196
$-4170
$1174
$5510
$-10954
$-1780
$9207
$11663
$-8587
Charles Grant

This is my card content...

Charles Grant
$-14372
$10947
$-7956
$13265
$12440
$1351
$11848
$-10651
$4557
$13169
$-3924
$12262
$-6113
$-1100
$5540
$13858
$4593
$14798
$12062
Paul Klinger

This is my card content...

Paul Klinger
$12339
$11464
$14042
$-12423
$12055
$8067
$-7926
$-2223
$-4181
$2553
$-10384
$-4925
$-3749
$12660
$8022
$1689
$-4684
$-13196
$8537
Charles Sheffield

This is my card content...

Charles Sheffield
$10141
$-11483
$-11995
$13700
$12318
$14296
$13584
$-1430
$-9170
$4542
$-7109
$6684
$-2952
$-2591
$9694
Julie Klinger

This is my card content...

Julie Klinger
$-11173
$-3783
$4594
$6636
$6741
$1314
$-13419
$5226
$-5281
Alain Rogiers

This is my card content...

Alain Rogiers
$-10637
$1518
$8566
$-3415
$9474
$10195
$-13188