Рецепт прост как пять копеек
Вставляем, в thead и body вставляем ячейки, чтоб раздвигать столбцы.
Далее
table {
 overflow: hidden; position: absolute;
}
thead, tbody, tfoot {
 display: block;
}
Заголовки из tbody копируем в tfoot 
tfoot {
 left: 0;
 top: высота thead;
 z-index: 2;
}
tbody {
 width: высота контейнера — высота thead;
 overflow: auto;
/* Для ipad3 */
 -webkit-overflow-scrolling: touch !important;
 /* для остальных iscroll */
}
Ну а чтоб всё выглядело хорошо, это уже сами )))