Адаптивная таблица

Что бы таблица нормально отображалась не только с компьютера, но и с телефона, необходимо добавить в css файл стилей следующий код: 

@media screen and (max-width: 600px) {
	table {width:100%;} 
	thead {display: none;} 
	tr:nth-of-type(2n) {background-color: inherit;} 
	tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;} 
	tr th:first-child {font-weight:bold;font-size:1.3em;} 
	tbody td, tbody th {display: block; text-align:center;} 
	tbody td, tbody th:before { content: attr(data-th); display: block; text-align:center; } 
}

Тогда все таблицы при уменьшении экрана до размера мобильного телефона примут блочный вид и станут читаемыми.