Extra large table
Example of extra large table sizing using .table-xl class added to the .table. All table rows have 60px height in REM units.
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank
5 Winnie the Pooh @Winnie
6 Garry Smith @Garry
7 Ian Berg @Ian
Large table
Example of large table sizing using .table-lg class added to the .table. All table rows have 53px height in REM units.
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank
5 Winnie the Pooh @Winnie
6 Garry Smith @Garry
7 Ian Berg @Ian
Default table
Example of default table sizing. This table doesn't require any additional classes in .table container. All table rows have 44px height in REM units.
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank
5 Winnie the Pooh @Winnie
6 Garry Smith @Garry
7 Ian Berg @Ian
Small table
Example of small table sizing using .table-sm class added to the .table. All table rows have 40px height in REM units.
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank
5 Winnie the Pooh @Winnie
6 Garry Smith @Garry
7 Ian Berg @Ian
Mini table
Example of mini table sizing using .table-xs class added to the .table. All table rows have 36px height in REM units.
# First Name Last Name Username
1 Eugene Kopyov @Kopyov
2 Victoria Baker @Vicky
3 James Alexander @Alex
4 Franklin Morrison @Frank
5 Winnie the Pooh @Winnie
6 Garry Smith @Garry
7 Ian Berg @Ian
Activity
New notifications
James has completed the task Submit documents from Onboarding list
2 hours ago
Margo has added 4 users to Customer enablement channel
3 hours ago
Subscription #466573 from 10.12.2021 has been cancelled. Refund case #4492 created
4 hours ago
Older notifications
Nick requested your feedback and approval in support request #458
3 days ago
Mike added 1 new file(s) to Product management project
new_contract.pdf
112KB
1 day ago
All hands meeting will take place coming Thursday at 13:45.
2 days ago
Christine commented on your community post from 10.12.2021
2 days ago
HR department requested you to complete internal survey by Friday
3 days ago
Loading...
Demo configuration
Color mode
Direction
Layouts
Purchase Limitless