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	Disabled
	Susan Elliott	client2@example.com	Trial
	Emma Cooper	client3@example.com	Disabled
	Ann Parker	client4@example.com	Business
	Ashley Welch	client5@example.com	Disabled

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
	Eugene Burke	client1@example.com	Business
	Jeremy Fuller	client2@example.com	VIP
	Eric Lawson	client3@example.com	Trial
	Craig Stone	client4@example.com	Disabled
	Adam Hall	client5@example.com	Personal