HTML下的table滚动实现

1、首先打开myeclipse获取idea这样的编辑器，在编辑器中写一个table标签，这里给出table的值。

2、然后可以在页面中看到此时展示的是没有样式的table样板，此时所有的数据没有经过渲染，比较紧凑，也不是一个页面展示。

3、可以在table中引入样式标签style来设计table的样式。

4、还可以使用内部元素，使用jquery ,在jquery中首先给table一个class属性，在JavaScript中通过.class属性获取这个table，给出样式设计。

5、根据上面的设计再经过背景、宽度、高度的设计，可以设计出一个比较好看的table。

table设置overflow-x:auto,overflow-y:hidden

thead设置overflow:hidden

tbody设置overflow-y:hidden,overflow-x:hidden

还有就是你table要定宽高

1、如图，一个没有经过固定 *** 作的电子表格，当随着表格被拖动或滚动，需要被固定的首行或首列的信息也跟着滚动消失了。

2、首先打开excel文档，假设我们需要让表格的前两行内容在表格滚动时固定在表格顶部，即第3行与第4行不变。

3、首先将鼠标移动到O5单元格（要固定的行的下一行最旁边一个单元格内），并单击，使该单元格处于被选中状态。

4、保持光标停留位置处于O5单元格，依次选择工具栏中的“视图”-“冻结窗格”-

5、单击“冻结拆分窗格”。

6、回到文档，继续拖动或滚动表格，会发现第3、4行已经被固定在此位置。至此所有 *** 作完成，过程很简单。

---