2023年6月20日发(作者：)
htmlbootstrap表头固定在顶部，表列可以⾃由滚动的效果该效果主要是依照 bootstrap 的⼀个样式，class="navbar-fixed-top";贴上代码。 1 2 3
4 515
16 28 29 30
222
223 224 还有⼀种⽅法，是 position:fixed; top:0;也是可以固定在顶部。但是，bootstrap 可以⾃适应⽹页，简单快捷。第⼆种⽅法：如下，给每个td,th设置宽度，这样便可以是表的布局样式相同/* 增加表头固定，表内容 有滚动条 --start*/ table thead{display: block;} table tbody{display: block; height: 300px; overflow: auto;} table thead tr th:nth-child(1){width: 107px;} table thead tr th:nth-child(2){width: 130px;} table thead tr th:nth-child(3){width: 152px;} table thead tr th:nth-child(4){width: 133px;} table thead tr th:nth-child(5){width: 142px;} table thead tr th:nth-child(6){width: 111px;} table thead tr th:nth-child(7){width: 212px;} table thead tr th:nth-child(8){width: 160px;} table tbody tr td:nth-child(1){width: 109px;} table tbody tr td:nth-child(2){width: 132px;} table tbody tr td:nth-child(3){width: 155px;} table tbody tr td:nth-child(4){width: 135px;} table tbody tr td:nth-child(5){width: 144px;} table tbody tr td:nth-child(6){width: 114px;} table tbody tr td:nth-child(7){width: 214px;} table tbody tr td:nth-child(8){width: 145px;} | dksliesjfd dsdsdsliesjfd dsdsdssliesjfd dsdsdssliesjfd dsdsdssd | 32时光深处，岁⽉静好.时光深处，岁⽉静好.时光深处，岁⽉静好. | 33dksliesjfd | 34dksliesjfd | 35
| dksliesjfd | 38dksliesjfd | 39dksliesjfd | 40dksliesjfd | 41
| dksliesjfd | 44dksliesjfd | 45dksliesjfd | 46dksliesjfd | 47
| dksliesjfd | 50dksliesjfd | 51dksliesjfd | 52dksliesjfd | 53
| dksliesjfd | 56dksliesjfd | 57dksliesjfd | 58dksliesjfd | 59
| dksliesjfd | 62dksliesjfd | 63dksliesjfd | 64dksliesjfd | 65
| dksliesjfd | 68dksliesjfd | 69dksliesjfd | 70dksliesjfd | 71
| dksliesjfd | 74dksliesjfd | 75dksliesjfd | 76dksliesjfd | 77
| dksliesjfd | 80dksliesjfd | 81dksliesjfd | 82dksliesjfd | 83
| dksliesjfd | 86dksliesjfd | 87dksliesjfd | 88dksliesjfd | 89
| dksliesjfd | 92dksliesjfd | 93dksliesjfd | 94dksliesjfd | 95
| dksliesjfd | 98dksliesjfd | 99dksliesjfd | 100dksliesjfd | 101
| dksliesjfd | 104dksliesjfd | 105dksliesjfd | 106dksliesjfd | 107
| dksliesjfd | 110dksliesjfd | 111dksliesjfd | 112dksliesjfd | 113
| dksliesjfd | 116dksliesjfd | 117dksliesjfd | 118dksliesjfd | 119
| dksliesjfd | 122dksliesjfd | 123dksliesjfd | 124dksliesjfd | 125
| dksliesjfd | 127dksliesjfd | 128dksliesjfd | 129dksliesjfd | 130
| dksliesjfd | 133dksliesjfd | 134dksliesjfd | 135dksliesjfd | 136
| dksliesjfd | 139dksliesjfd | 140dksliesjfd | 141dksliesjfd | 142
| dksliesjfd | 145dksliesjfd | 146dksliesjfd | 147dksliesjfd | 148
| dksliesjfd | 150dksliesjfd | 151dksliesjfd | 152dksliesjfd | 153
| dksliesjfd | 156dksliesjfd | 157dksliesjfd | 158dksliesjfd | 159
| dksliesjfd | 162dksliesjfd | 163dksliesjfd | 164dksliesjfd | 165
| dksliesjfd | 168dksliesjfd | 169dksliesjfd | 170dksliesjfd | 171
| dksliesjfd | 175dksliesjfd | 176dksliesjfd | 177dksliesjfd | 178
| dksliesjfd | 181dksliesjfd | 182dksliesjfd | 183dksliesjfd | 184
| dksliesjfd | 187dksliesjfd | 188dksliesjfd | 189dksliesjfd | 190
| dksliesjfd | 193dksliesjfd | 194dksliesjfd | 195dksliesjfd | 196
| dksliesjfd | 199dksliesjfd | 200dksliesjfd | 201dksliesjfd | 202
| dksliesjfd | 205dksliesjfd | 206dksliesjfd | 207dksliesjfd | 208
| dksliesjfd | 211dksliesjfd | 212dksliesjfd | 213dksliesjfd | 214
| dksliesjfd | 217dksliesjfd | 218dksliesjfd | 219dksliesjfd | 220
2023年6月20日发(作者：)
htmlbootstrap表头固定在顶部，表列可以⾃由滚动的效果该效果主要是依照 bootstrap 的⼀个样式，class="navbar-fixed-top";贴上代码。 1 2 3
4 515
16 28 29 30
222
223 224 还有⼀种⽅法，是 position:fixed; top:0;也是可以固定在顶部。但是，bootstrap 可以⾃适应⽹页，简单快捷。第⼆种⽅法：如下，给每个td,th设置宽度，这样便可以是表的布局样式相同/* 增加表头固定，表内容 有滚动条 --start*/ table thead{display: block;} table tbody{display: block; height: 300px; overflow: auto;} table thead tr th:nth-child(1){width: 107px;} table thead tr th:nth-child(2){width: 130px;} table thead tr th:nth-child(3){width: 152px;} table thead tr th:nth-child(4){width: 133px;} table thead tr th:nth-child(5){width: 142px;} table thead tr th:nth-child(6){width: 111px;} table thead tr th:nth-child(7){width: 212px;} table thead tr th:nth-child(8){width: 160px;} table tbody tr td:nth-child(1){width: 109px;} table tbody tr td:nth-child(2){width: 132px;} table tbody tr td:nth-child(3){width: 155px;} table tbody tr td:nth-child(4){width: 135px;} table tbody tr td:nth-child(5){width: 144px;} table tbody tr td:nth-child(6){width: 114px;} table tbody tr td:nth-child(7){width: 214px;} table tbody tr td:nth-child(8){width: 145px;} | dksliesjfd dsdsdsliesjfd dsdsdssliesjfd dsdsdssliesjfd dsdsdssd | 32时光深处，岁⽉静好.时光深处，岁⽉静好.时光深处，岁⽉静好. | 33dksliesjfd | 34dksliesjfd | 35
| dksliesjfd | 38dksliesjfd | 39dksliesjfd | 40dksliesjfd | 41
| dksliesjfd | 44dksliesjfd | 45dksliesjfd | 46dksliesjfd | 47
| dksliesjfd | 50dksliesjfd | 51dksliesjfd | 52dksliesjfd | 53
| dksliesjfd | 56dksliesjfd | 57dksliesjfd | 58dksliesjfd | 59
| dksliesjfd | 62dksliesjfd | 63dksliesjfd | 64dksliesjfd | 65
| dksliesjfd | 68dksliesjfd | 69dksliesjfd | 70dksliesjfd | 71
| dksliesjfd | 74dksliesjfd | 75dksliesjfd | 76dksliesjfd | 77
| dksliesjfd | 80dksliesjfd | 81dksliesjfd | 82dksliesjfd | 83
| dksliesjfd | 86dksliesjfd | 87dksliesjfd | 88dksliesjfd | 89
| dksliesjfd | 92dksliesjfd | 93dksliesjfd | 94dksliesjfd | 95
| dksliesjfd | 98dksliesjfd | 99dksliesjfd | 100dksliesjfd | 101
| dksliesjfd | 104dksliesjfd | 105dksliesjfd | 106dksliesjfd | 107
| dksliesjfd | 110dksliesjfd | 111dksliesjfd | 112dksliesjfd | 113
| dksliesjfd | 116dksliesjfd | 117dksliesjfd | 118dksliesjfd | 119
| dksliesjfd | 122dksliesjfd | 123dksliesjfd | 124dksliesjfd | 125
| dksliesjfd | 127dksliesjfd | 128dksliesjfd | 129dksliesjfd | 130
| dksliesjfd | 133dksliesjfd | 134dksliesjfd | 135dksliesjfd | 136
| dksliesjfd | 139dksliesjfd | 140dksliesjfd | 141dksliesjfd | 142
| dksliesjfd | 145dksliesjfd | 146dksliesjfd | 147dksliesjfd | 148
| dksliesjfd | 150dksliesjfd | 151dksliesjfd | 152dksliesjfd | 153
| dksliesjfd | 156dksliesjfd | 157dksliesjfd | 158dksliesjfd | 159
| dksliesjfd | 162dksliesjfd | 163dksliesjfd | 164dksliesjfd | 165
| dksliesjfd | 168dksliesjfd | 169dksliesjfd | 170dksliesjfd | 171
| dksliesjfd | 175dksliesjfd | 176dksliesjfd | 177dksliesjfd | 178
| dksliesjfd | 181dksliesjfd | 182dksliesjfd | 183dksliesjfd | 184
| dksliesjfd | 187dksliesjfd | 188dksliesjfd | 189dksliesjfd | 190
| dksliesjfd | 193dksliesjfd | 194dksliesjfd | 195dksliesjfd | 196
| dksliesjfd | 199dksliesjfd | 200dksliesjfd | 201dksliesjfd | 202
| dksliesjfd | 205dksliesjfd | 206dksliesjfd | 207dksliesjfd | 208
| dksliesjfd | 211dksliesjfd | 212dksliesjfd | 213dksliesjfd | 214
| dksliesjfd | 217dksliesjfd | 218dksliesjfd | 219dksliesjfd | 220
![[wps演示如何制作滚动条图文教程] wps表格滚动条设置](/uploads/image/0804.jpg)
发布评论