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
Stephanie Rogiers $-2931
Stephanie Rogiers $-1545
Charles Klinger $13687
Paul Grant $4267
Bert Rodrigues $8034
Paul Klinger $10330
Bert Klinger $9986
Charles Bailleul $11886
Bertrande Dougherty $-8935
Jos Bailleul $10159

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
Bertrande Kenyon $-13426
Stephanie Sheffield $3784
Stephanie Kenyon $-2247
James Sheffield $1413
Alain Rodrigues $-6635
James Kenyon $4197
Stephanie Sheffield $7893
Bert Grant $-4584
James Grant $4816
Paul Kenyon $13649

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
Julie Rodrigues

This is my card content...

Julie Rodrigues
$14262
$12248
$-3680
Paul Rogiers

This is my card content...

Paul Rogiers
$-6198
$6953
$12201
$8562
$4824
$-1047
$-7297
$11878
$-10283
$-4409
$-10180
$4696
$-1461
$-5164
$-5671
$9598
$-1438
$13742
Charles Kenyon

This is my card content...

Charles Kenyon
$5295
$-5381
$3218
$-13237
$4764
$-3893
$-8163
$13150
$-7117
$9078
$-14703
Stephanie Rodrigues

This is my card content...

Stephanie Rodrigues
$13279
$-8313
$-13955
$-8212
$1794
$-8104
Bert Klinger

This is my card content...

Bert Klinger
$3024
$-9784
$1543
$14377
$12495
$-11591
$-3251
$-7019
$-13605
$-11022
$-9799
$14740
$7817
$10581
Paul Rodrigues

This is my card content...

Paul Rodrigues
$-14440
$2995
$-5687
$-14329
$9010
$14528
$-2510
$3459
$-14559
Alain Klinger

This is my card content...

Alain Klinger
$-8208
$-5349
$-2290
Bert Kenyon

This is my card content...

Bert Kenyon
$-9505
$1681
$1674
$-9509
$3342
$-14379
Paul Sheffield

This is my card content...

Paul Sheffield
$5401
$6387
$-2563
$8396
$-8527
$5131
$-4232
$-12100
$7212
$12359
$12730
$14221
$-11880
$12453
$-2115
Julie Kenyon

This is my card content...

Julie Kenyon
$-9257
$-2593
$-2630
$-5980
$-8383
$10769
$-6037
$11337
$-4476
$-2697
$4751
$-14128
$9571
$9101
$12025
$-4317
$-9037
$-14274