Responsive Tables Mobile friendly tables that work across all screen sizes.

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 (< 768px).

	Name	Email	Access	Actions
	Ashley Welch	client1@example.com	Business
	Ashley Welch	client2@example.com	Trial
	Evelyn Willis	client3@example.com	Business
	Ashley Welch	client4@example.com	VIP
	Susan Elliott	client5@example.com	Personal

The second way is to use specific CSS classes for hiding columns in various screen resolutions. This way you can hide the less important columns and keep the most valuable on mobiles. 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
	Eric Lawson	client1@example.com	Disabled
	Bruce Edwards	client2@example.com	Disabled
	Ronald George	client3@example.com	VIP
	John Parker	client4@example.com	Disabled
	Vincent Sims	client5@example.com	Disabled