John Smith

### Recent Activity

- New sale ($15)
  Admin Template
  3 min ago
- You edited the file
  Documentation.doc
  15 min ago
- Project deleted
  Line Icon Set
  4 hours ago

### Online Friends

- Carol Ray
  Copywriter
- David Fuller
  Web Developer
- Danielle Jones
  Web Designer
- Susan Day
  Photographer
- Carl Wells
  Graphic Designer

### Quick Settings

Online Status

Show your status to all

Auto Updates

Keep up to date

Application Alerts

Email Notifications
SMS Notifications

API

Enable access
Sales
22.030
Balance
$4.589,00
Today
$996

- New sale! + $249
  3 min ago
- New sale! + $129
  50 min ago
- New sale! + $119
  2 hours ago
- New sale! + $499
  3 hours ago

Yesterday
$765

- New sale! + $249
  26 hours ago
- Product Purchase - $50
  28 hours ago
- New sale! + $119
  29 hours ago
- Paypal Withdrawal - $300
  37 hours ago
- New sale! + $129
  39 hours ago
- New sale! + $119
  45 hours ago
- New sale! + $499
  46 hours ago

Load More..

# Responsive Tables

## Mobile friendly tables that work across all screen sizes.

### Full Table

The first way to make a table responsive is to wrap it with `<div class="table-responsive"></div>`. This way, the table will be horizontally scrollable and all data will be accessible on smaller screens. You could also append the following modifiers to the `table-responsive` to apply the horizontal scrolling on different screen widths: `-sm`, `-md`, `-lg`, `-xl`.

| Name | Email | Access | Actions
--- | --- | --- | --- | ---
| Betty Kelley | client1@example.com | Business |
| Marie Duncan | client2@example.com | Trial |
| Amanda Powell | client3@example.com | Trial |
| Judy Ford | client4@example.com | Trial |
| Amber Harvey | client5@example.com | VIP |

### Partial Table

The second way is to use responsive utility CSS classes for hiding columns in various screen resolutions. This way you can hide less important columns and keep the most valuable on smaller screens. At the following example the Access column isn't visible on small and extra small screens and Email column isn't visible on extra small screens.

| Name | Email | Access | Actions
--- | --- | --- | --- | ---
| Amber Harvey | client1@example.com | Business |
| Betty Kelley | client2@example.com | Business |
| Barbara Scott | client3@example.com | Business |
| Amber Harvey | client4@example.com | Business |
| Sara Fields | client5@example.com | Trial |