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
	Tiffany Kim	client2@example.com	Trial
	Judy Alvarez	client3@example.com	Personal
	Judy Alvarez	client4@example.com	Disabled
	Julia Cole	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
	George Stone	client1@example.com	Business
	Vincent Sims	client2@example.com	Business
	John Parker	client3@example.com	Personal
	Craig Stone	client4@example.com	Disabled
	Joshua Munoz	client5@example.com	Trial