我们运用HTML进行表格建造的时辰,发生滚动条的时辰我们很但愿将表头固定住,那么该如何的实现呢?下面小编给大师分享一下。
工具/原料
- Sublime Text
方式/步骤
- 1
打开Sublime Text东西,新建一个html文档,如下图所示

- 2
然后在body区域里,我们添加表格的表头部门,如下图所示,注重table-head接下来会声明这个样式,别的需要用到colgroup元素

- 3
接下来我们筹办表格的内容部门,如下图所示,这里的colgroup的宽度要和表头的一样

- 4
然后我们在style标签里面声明表格顶用到的样式,如下图所示

- 5
接下来就可以运行页面代码了,我们会看到如下图所示的界面,滚动条只在内容部门

- 6
我们将一个单位格中的内容多写一些,你会看到它会主动换行,而且表格头也不会变形的

- 7
综上所述,HTML中表格头部的固定本家儿如果运用了colgroup元素包管头部和内容宽度不异







