Рецепт прост как пять копеек
Вставляем, в 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 */
}
Ну а чтоб всё выглядело хорошо, это уже сами )))