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
	Linda Moore	client1@example.com	Disabled
	Amanda Powell	client2@example.com	Business
	Lisa Gordon	client3@example.com	Business
	Ashley Welch	client4@example.com	Business
	Rebecca Reid	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
	Donald Barnes	client1@example.com	Trial
	Adam Hall	client2@example.com	Disabled
	Craig Stone	client3@example.com	Personal
	Scott Ruiz	client4@example.com	Disabled
	Eric Lawson	client5@example.com	Personal