ReSQL.ru
     
powered by simpleCommunicator - 2.0.49     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
8 сообщений из 8, страница 1 из 1
Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
    #39936515
D_A_S1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
D_A_S1
Участник
Добрый день!
Есть обычная таблица:
Код: html
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 фиксирование шапки при прокрутки данных таблицы:
Код: 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 выводить сколько уже данных прокрутили?
...
Рейтинг: 0 / 0
12.03.2020, 08:47
| Ответить | Цитировать | Написать  
Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
    #39936598
artas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
artas
Участник
D_A_S1,

http://jsfiddle.net/TweNm/
...
Рейтинг: 0 / 0
12.03.2020, 11:35
| Ответить | Цитировать | Написать  
Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
    #39936609
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
voraa
Гость
D_A_S1,
Тут еще посмотри
https://adrianroselli.com/2020/01/fixed-table-headers.html
Можно делать фиксированным не только верхний заголовок, но и левый столбец.
...
Рейтинг: 0 / 0
12.03.2020, 12:03
| Ответить | Цитировать | Написать  
Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
    #39936672
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SQLPowerUser
Участник
D_A_S1,
не во всех браузерах ширина прокрутки = 17px...
так сойдет? https://plnkr.co/edit/ynj5o3CehyVHpOvl?open=index.html&preview

з.ы. А на форуме вроде была фиксированная таблица 17822310
...
Рейтинг: 0 / 0
12.03.2020, 14:18
| Ответить | Цитировать | Написать  
Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
    #39936680
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
D_A_S1
Возникает вопрос: можно ли как то визуализировать при прокрутке данных (tbody блок) что еще есть данные? Например, через progress bar выводить сколько уже данных прокрутили?


Вы колёса там изобретаете? ))
...
Рейтинг: 0 / 0
12.03.2020, 14:30
| Ответить | Цитировать | Написать  
Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
    #39937001
am_sasa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
am_sasa
Гость
интересно, а можно сделать и tfoot (последнюю строку) фиксированной только CSS?
...
Рейтинг: 0 / 0
13.03.2020, 11:52
| Ответить | Цитировать | Написать  
Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
    #39937160
artas
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
artas
Участник
am_sasa,

https://codepen.io/daveoncode/pen/LNomBE
...
Рейтинг: 0 / 0
13.03.2020, 15:28
| Ответить | Цитировать | Написать  
Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
    #39937179
am_sasa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
am_sasa
Гость
artas,

да, спасибо!
...
Рейтинг: 0 / 0
13.03.2020, 15:56
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица с фиксированной шапкой. Можно ли сделать прогресс бар прокрутки данных?
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39936598&tid=1443504]:
 0ms
get settings:
 11ms
get forum list:
 17ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 130ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 240ms
total:  471ms
созд. / загр.: 471ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]