Go to content

Rendering tables

Tables should not be used for markup, but only for displaying tabular data. This page shows what happens when the cells contain long words that cannot be abbreviated.

Overflow

The browser tries to find an optimal width for the cells. The tables may overflow horizontally.

Property name Required
some_very_long_property_name_in_a_table_cell_that_cannot_be_abbreviated true
smaller_property_name true
Property name Required Population
some_very_long_property_name_in_a_table_cell_that_cannot_be_abbreviated true 258,000
smaller_property_name true 4,567,890
Property name Required Example value Population
some_very_long_property_name_in_a_table_cell_that_cannot_be_abbreviated true Pink fluffy unicorns 258,000
smaller_property_name true Dancing on rainbows 4,567,890

Fixed width

The cells in the tables below get a fixed width. The tables do not overflow horizontally.

Property name Required
some_very_long_property_name_in_a_table_cell_that_cannot_be_abbreviated true
smaller_property_name true
Property name Required Population
some_very_long_property_name_in_a_table_cell_that_cannot_be_abbreviated true 258,000
smaller_property_name true 4,567,890
Property name Required Example value Population
some_very_long_property_name_in_a_table_cell_that_cannot_be_abbreviated true Pink fluffy unicorns 258,000
smaller_property_name true Dancing on rainbows 4,567,890