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
	Julia Cole	client1@example.com	Business
	Julia Cole	client2@example.com	Disabled
	Denise Watson	client3@example.com	Personal
	Tiffany Kim	client4@example.com	Trial
	Emma Cooper	client5@example.com	Trial

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
	Jeremy Fuller	client1@example.com	Disabled
	Scott Ruiz	client2@example.com	Trial
	Joshua Munoz	client3@example.com	Business
	Jack Greene	client4@example.com	Personal
	Keith Simpson	client5@example.com	VIP