有时，在一个大屏幕上展示几张表格，表格的记录数只能显示几条，但是查询出来的结果却有很多，需要定时滚动显示；而且这种显示只是表格中部分滚动，表上半部分和左半部分不能滚动。下面利用实例说明，操作如下：
工具/原料
1
JavaScript
2
HTML5
3
CSS3
4
HBuilderX
5
浏览器
6
截图工具
方法/步骤
1
第一步，为了实现上述场景的功能，需要创建一个静态页面模板，展示表格数据，如下图所示：
2
第二步，这里要使用到Bootstrap，引入相关的CSS和JavaScript文件，并引入jQuery文件，如下图所示：
3
第三步，利用Bootstrap样式进行布局，在div标签中插入一个表格，表格中有部分单元格需要合并，如下图所示：
4
第四步，保存代码并打开浏览器，可以查看到一个表格，左侧合并单元格，右侧展示数据，如下图所示：
5
第五步，对页面中表格部分进行改造，在行标签下插入几个div标签和表格，内部表格作为数据挂载的容器，如下图所示：
6
第六步，分别给几个div标签设置ID属性，然后利用id和定时器函数，设置数据记录滚动的时长间隔，如下图所示：
注意事项
1
注意使用CSS样式控制表格和外层div标签样式
2
注意设置元素滚动的间距和增减数据
上一篇：家长怎么写高一家长会记录
下一篇：谷歌金字塔瓦片服务器搭建