Прокручиваемая таблица внутри списка с фиксированными заголовками в верхней части страницы
Я пытаюсь добиться эффекта фиксированных заголовков таблиц в верхней части страницы и прокручиваемого тела внутри списка, и я не могу найти решение.
Вот мой HTML:
<asp:ListView ID="lvLabTestingLogs" runat="server" GroupPlaceholderID="groupPlaceHolder" ItemPlaceholderID="itemPlaceHolder" OnPagePropertiesChanging="lvLabTestingLogs_PagePropertiesChanging">
<LayoutTemplate>
<table class="table table-bordered table-hover">
<thead class="table-centered" id="thFour">
<tr>
<th></th>
<th>Експлоатационен район</th>
<th>3В тип на зоната</th>
<th>Селище № разрешително</th>
<th>Обект/точка на пробовземане</th>
<th>Дата и час на пробовземане</th>
<th>Уред на пробовземане</th>
<th>Цвят</br>цветни градуси</th>
<th>Вкус</th>
<th>Мирис</th>
<th>Активна реакция</th>
<th>Електропроводимост</th>
<th>Перманганатна окисляемост</th>
<th>Амониеви йони</th>
<th>Нитрити</th>
<th>Нитрати</th>
<th>Сулфати</th>
<th>Фосфати</th>
<th>Хлориди</th>
<th>Сума от калций и магнезий</th>
<th>Калций</th>
<th>Магнезий</th>
<th>Желязо</th>
<th>Манган</th>
<th>Алуминийй</th>
<th>Хром</th>
<th>Цинк</th>
<th>Мед</th>
<th>Флуориди</th>
<th>Натрий</th>
<th>Олово</th>
<th>Кадмий</th>
<th>Никел</th>
<th>Арсен</th>
<th>Антимон</th>
<th>Селен</th>
<th>Цианиди</th>
<th>Бор</th>
<th>1,2 - Дихлоретан</th>
<th colspan="3">Тетрахлоретен и трихлоретен 10 µg / dm³</th>
<th colspan="5">Трихалометани /общо/ 100 µg / dm³</th>
<th colspan="21">Пестициди /общо/</br>0,5 µg / dm³</th>
<th>Колиформни бактерии - метод на мембранно филтруване</th>
<th>Фекални колиформи /Ешерхия коли/ метод на мембранно филтруване</th>
<th>Червени ентерококи - метод на мембранно филтруване</th>
<th>Сулфитредуциращи анаероби (клостриди)/вкл.спори/ - мембранно филтруване</th>
<th>Брой жизненоспособни мкикроорганизми /общо микробно число/</th>
<th>Алуминий</th>
<th>Бромати</th>
<th>Остатъчен свободен хлор</th>
<th>Мътност</th>
<th>Общ ограничен въглерод</th>
</tr>
<tr>
<th rowspan="2"></th>
<th rowspan="2"></th>
<th rowspan="2"></th>
<th rowspan="2"></th>
<th rowspan="2"></th>
<th rowspan="2"></th>
<th rowspan="2"></th>
<th rowspan="2">Приемлив запотребителите и беззначими колебания спрямо обичайното за показателя 15 °</th>
<th rowspan="2">Приемлив запотребителите и беззначими колебания спрямо обичайното за показателя Без привкус</th>
<th rowspan="2">Приемлив запотребителите и беззначими колебания спрямо обичайното за показателя 2 бала</th>
<th rowspan="2">6,5 - 9,5 pH ед.</th>
<th rowspan="2">2000 µS / cm</th>
<th rowspan="2">5,0 mg О₂ / dm³</th>
<th rowspan="2">0,50 mg / dm³</th>
<th rowspan="2">0,50 mg / dm³</th>
<th rowspan="2">50 mg / dm³</th>
<th rowspan="2">250 mg / dm³</th>
<th rowspan="2">0,5 mg / dm³</th>
<th rowspan="2">250 mg / dm³</th>
<th rowspan="2">12 mg - eqv/ dm³</th>
<th rowspan="2">150 mg / dm³</th>
<th rowspan="2">80 mg / dm³</th>
<th rowspan="2">0,2 mg / dm³</th>
<th rowspan="2">0,05 mg / dm³</th>
<th rowspan="2">0,2 mg / dm³</th>
<th rowspan="2">0,05 mg / dm³</th>
<th rowspan="2">5,0 mg / dm³</th>
<th rowspan="2">2,0 mg / dm³</th>
<th rowspan="2">1,5 mg / dm³</th>
<th rowspan="2">200 mg / dm³</th>
<th rowspan="2">0,01 mg / dm³</th>
<th rowspan="2">0,005 mg / dm³</th>
<th rowspan="2">0,02 mg / dm³</th>
<th rowspan="2">0,01 mg / dm³</th>
<th rowspan="2">0,005 mg / dm³</th>
<th rowspan="2">0,01 mg / dm³</th>
<th rowspan="2">0,05 mg / dm³</th>
<th rowspan="2">1,0 mg / dm³</th>
<th rowspan="2">3,0 µg / dm³</th>
<th rowspan="2">общо</th>
<th rowspan="2">трихлоретен</th>
<th rowspan="2">тетрахлоретен</th>
<th rowspan="2">общо</th>
<th rowspan="2">трихлорметан</br>(хлороформ)</th>
<th rowspan="2">бромдихлорметан</th>
<th rowspan="2">дибромхлорметан</th>
<th rowspan="2">трибромметан </br>(бромоформ)</th>
<th colspan="17">Органохлорни пестициди /общо/</th>
<th colspan="4">Органофосфорни пестициди /общо/</th>
<th rowspan="1"></th>
<th rowspan="1"></th>
<th rowspan="1"></th>
<th rowspan="1"></th>
<th rowspan="1"></th>
<th rowspan="1"></th>
<th rowspan="1"></th>
<th rowspan="1"></th>
<th rowspan="1"></th>
<th rowspan="1"></th>
</tr>
<tr>
<th rowspan="1">Алфа-HCH<br>
0,1 µg / dm³</th>
<th rowspan="1">Бета-HCH<br>
0,1 µg / dm³</th>
<th rowspan="1">Гама-HCH<br>
0,1 µg / dm³</th>
<th rowspan="1">Делта-HCH<br>
0,1 µg / dm³</th>
<th rowspan="1">Хептахлор<br>
0,03 µg / dm³</th>
<th rowspan="1">Алдрин<br>
0,03 µg / dm³</th>
<th rowspan="1">Хептахлор епоксид</br> 0,03 µg / dm³</th>
<th rowspan="1">Алфа-ендосулфан</br> 0,1 µg / dm³</th>
<th rowspan="1">4,4-ДДЕ<br>
0,1 µg / dm³</th>
<th rowspan="1">Диелдрин<br>
0,03 µg / dm³</th>
<th rowspan="1">Ендрин<br>
0,1 µg / dm³</th>
<th rowspan="1">4,4-ДДД<br>
0,1 µg / dm³</th>
<th rowspan="1">Бетаендосулфан</br> 0,1 µg / dm³</th>
<th rowspan="1">4,4 - ДДТ<br>
0,1 µg / dm³</th>
<th rowspan="1">Ендрин алдехид</br>0,1 µg / dm³</th>
<th rowspan="1">Ендосулфан сулфат</br>0,1 µg / dm³</th>
<th rowspan="1">Метоксихлор</br>0,1 µg / dm³</th>
<th rowspan="1">Диазинон<br>
0,1 µg / dm³</th>
<th rowspan="1">Хлорпирифос</br>0,1 µg / dm³</th>
<th rowspan="1">Фенитротион</br>0,1 µg / dm³</th>
<th rowspan="1">Паратион етил</br>0,1 µg / dm³</th>
<th rowspan="1">0/100 KOE/ml</th>
<th rowspan="1">0/100 KOE/ml</th>
<th rowspan="1">0/100 KOE/ml</th>
<th rowspan="1">0/100 KOE/ml</th>
<th rowspan="1">0/100 KOE/ml</th>
<th></th>
<th>0,2 mg / dm³</th>
<th>0,1 mg / dm³</th>
<th>0,3 - 0,4 mg / dm³</th>
<th></th>
<th></th>
</tr>
</thead>
<tr>
<asp:PlaceHolder ID="groupPlaceHolder" runat="server"></asp:PlaceHolder>
</tr>
</table>
</LayoutTemplate>
<GroupTemplate>
<tr>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
</tr>
</GroupTemplate>
<ItemTemplate>
<tbody runat="server" id="tbFour">
<tr>
<td></td>
<td><%#Eval("PARENT_AREA_NAME") %></td>
<td><%#Eval("AREA_NAME") %></td>
<td><%#Eval("POINT_NAME") %></td>
<td><%#Eval("CHECKPOINT") %></td>
<td><%#String.Format("{0:dd/MM/yyyy}", Eval("SAMPLES_DATE")) + " " + String.Format("{0:HH/mm}", Eval("SAMPLES_TIME")) %></td>
<td></td>
<td><%#Eval("wr2") %></td>
<td><%#Eval("wr9") %></td>
<td><%#Eval("wr11") %></td>
<td><%#Eval("wr14") %></td>
<td><%#Eval("wr25") %></td>
<td><%#Eval("wr28") %></td>
<td><%#Eval("wr33") %></td>
<td><%#Eval("wr44") %></td>
<td><%#Eval("wr47") %></td>
<td><%#Eval("wr50") %></td>
<td><%#Eval("wr56") %></td>
<td><%#Eval("wr57") %></td>
<td><%#Eval("wr62") %></td>
<td><%#Eval("wr65") %></td>
<td><%#Eval("wr66") %></td>
<td><%#Eval("wr72") %></td>
<td><%#Eval("wr74") %></td>
<td><%#Eval("wr78") %></td>
<td><%#Eval("wr79") %></td>
<td><%#Eval("wr85") %></td>
<td><%#Eval("wr88") %></td>
<td><%#Eval("wr90") %></td>
<td><%#Eval("wr97") %></td>
<td><%#Eval("wr98") %></td>
<td><%#Eval("wr105") %></td>
<td><%#Eval("wr117") %></td>
<td><%#Eval("wr122") %></td>
<td><%#Eval("wr124") %></td>
<td><%#Eval("wr126") %></td>
<td><%#Eval("wr134") %></td>
<td><%#Eval("wr138") %></td>
<td><%#Eval("wr144") %></td>
</tr>
</tbody>
</ItemTemplate>
</asp:ListView>
Я попробовал большинство "работающих" решений здесь, но вся проблема может быть чем-то совершенно другим, и я просто не могу это понять, любая помощь очень ценится.