html 如何让一个表的前几列固定,不随着滚动条移动?

html-css012

html 如何让一个表的前几列固定,不随着滚动条移动?,第1张

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

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

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

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

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

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

$(function() {

$( "td" ).draggable()

})

</script>

<table width="100%"border="1">

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

</table>

用这个方法是可以拖动td的,具体的细节调整,可以参考http://www.runoob.com/jqueryui/example-draggable.html