Solid's default table
styling doesn't require any utility classes. Optionally, the width of individual columns can be set using Solid's column classes, as shown below:
Title | Views | Social Lift |
---|---|---|
16 Easy Cheese Hacks That Will Blow Your Mind | 1,241 | 1.1x |
18 Times George Michael Bluth Understood You On A Personal Level | 6,468 | 1.2x |
Here's An Epic Video Of Yoda Blowing A Bunch Of Sh*t Up | 8,516 | 1.7x |
Use the .table-border
class to automatically add borders to your table and all its rows.
Title | Views | Social Lift |
---|---|---|
16 Easy Cheese Hacks That Will Blow Your Mind | 1,241 | 1.1x |
18 Times George Michael Bluth Understood You On A Personal Level | 6,468 | 1.2x |
Here's An Epic Video Of Yoda Blowing A Bunch Of Sh*t Up | 8,516 | 1.7x |
To give content the layout properties of a table without using the table
element, use the .table
, .th
, .tr
and .td
classes.