Добрый день!
Есть обычная таблица:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<table class='table-fixed'>
<thead>
<tr>
<th>...</th>
<th>...</th>
...
</tr>
</thead>
</tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
Делаю средствами css фиксирование шапки при прокрутки данных таблицы:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
.table-fixed thead {
width: calc(100% - 17px) !important;
}
.table-fixed tbody {
display: block;
height: 400px;
overflow: auto;
overflow-y:scroll;
}
.table-fixed thead, .table-fixed tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
Получается, что сейчас у меня шапка фиксируется, а содержимое данных прокручивается в блоке высотой 400px. Некоторые пользователи видя маленькую область данных (и не замечая справа прокрутку) пугаются, и думаю что данных мало.
Возникает вопрос: можно ли как то визуализировать при прокрутке данных (tbody блок) что еще есть данные? Например, через progress bar выводить сколько уже данных прокрутили?
