如何锁定表的第一行和第一列

Question

我目前正在将公司文档转移到wikimedia服务器中。有相当多的非常大和扩展的excel表，我想转移过来。我已经使用这个div:实现了对表格的滚动

<div style="overflow-x: scroll">

但是，我该如何锁定第一行和第一列，这样用户就不必经常检查他们在哪里了？

Answer 1

使用sticky:

<div style="height: 20ex; width: 20em; overflow-x: auto; overflow-y: auto">
{| class="wikitable"
! 
! style="position: sticky; top: 0;" | Col1
! style="position: sticky; top: 0;" | Col2
! style="position: sticky; top: 0;" | Col3
! style="position: sticky; top: 0;" | Col4
! style="position: sticky; top: 0;" | Col5
! style="position: sticky; top: 0;" | Col6
! style="position: sticky; top: 0;" | Col7
! style="position: sticky; top: 0;" | Col8
! style="position: sticky; top: 0;" | Col9
! style="position: sticky; top: 0;" | Col10
|-
! style="position: sticky; left: 0;" | Row 1
| Cell 1,1 || Cell 1,2 || Cell 1,3 || Cell 1,4 || Cell 1,5 || Cell 1,6 || Cell 1,7 || Cell 1,8 || Cell 1,9 || Cell 1,10
(many more rows)
|}
</div>