Table with all types of cells
A table can optionally include a Row Action which, if enabled, will be triggered on clicking anywhere on the row. If the row action is enabled, table rows will include hover states.
Expense
Nachos
Amount
$4,576.
Comments
Tags
Notify
Chips
Status
Cookies
Assigned to
Expense
Cheese
Amount
$3,885.
Comments
Tags
Notify
Chips
Status
Cookies
Assigned to
Expense
Cookies
Amount
$911.
Comments
Tags
Notify
Chips
Status
Cookies
Assigned to
Expense
Wine
Amount
$3,494.
Comments
Tags
Notify
Chips
Status
Cookies
Assigned to
Expense
Balloons
Amount
$2,164.
Comments
Tags
Notify
Chips
Status
Cookies
Assigned to
Table with Row Accessories
Table rows can include a slot for adding accessories which are displayed when the row is expanded. Expanding and collapsing a row can be triggered by an action within the table, or as a row action.
In this example, you can click View Details to expand a row, or click anywhere within the row to trigger the same expand/collapse action.
Horizontal cell alignment
Left Aligned
Malthe Andersen
Centered
Right Aligned
$2,618.
Left Aligned
Jeremiah Graham
Centered
Right Aligned
$1,798.
Left Aligned
Cindy Perez
Centered
Right Aligned
$3,254.
Left Aligned
Arnold Gardner
Centered
Right Aligned
$381.
Left Aligned
Enrique Brewer
Centered
Right Aligned
$2,000.
Vertical cell alignment
Centered
Emeline Charles
Top Aligned
You can't make a mistake.
Bottom Aligned
$3,816.
Centered
Valtteri Mikkola
Top Aligned
Almost everything is going to happen for you automatically - you don't have to spend any time working or worrying.
Bottom Aligned
$4,009.
Centered
Enrique Brewer
Top Aligned
It's so important to do something every day that will make you happy.
Bottom Aligned
$1,129.