Examples of CSS display properties on data tables
Table default CSS display
Prices for lemons and pears in London
|
Lemons |
Pears |
Wholesale |
£1.00 |
£1.50 |
Retail |
£2.00 |
£2.50 |
Increase: wholesale versus retail |
£1.00 |
£1.00 |
Table with display:block
Prices for lemons and pears in London
|
Lemons |
Pears |
Wholesale |
£1.00 |
£1.50 |
Retail |
£2.00 |
£2.50 |
Increase: wholesale versus retail |
£1.00 |
£1.00 |
Data Table with display:flex
Prices for lemons and pears in London
|
Lemons |
Pears |
Wholesale |
£1.00 |
£1.50 |
Retail |
£2.00 |
£2.50 |
Increase: wholesale versus retail |
£1.00 |
£1.00 |
Table with display:grid
Prices for lemons and pears in London
|
Lemons |
Pears |
Wholesale |
£1.00 |
£1.50 |
Retail |
£2.00 |
£2.50 |
Increase: wholesale versus retail |
£1.00 |
£1.00 |