asp.net gridview已实现固定表头 列宽错位求指教

[driverin]

gridview的固定表头参考的孟子E章同志的js控制，代码如下

<script type="text/javascript">
				                  function s() {
				                      var t = document.getElementById("<%=gv人事基本档案.ClientID%>");
				                      var t2 = t.cloneNode(true)
				                      for (i = t2.rows.length - 1; i > 0; i--)
				                          t2.deleteRow(i)
				                      t.deleteRow(0)
				                      document.getElementById("a").appendChild(t2)
				                  }
				                  window.onload = s
</script>

后台添加控制 this.gv人事基本档案.Attributes.Add("style", "table-layout:fixed");


实现固定表头，效果如下

[driverin]

引用 3 楼 liuchaolin 的回复:

应该是工号这一列没有设置宽度

你对比一下上下两幅图，下面那一副是我设置了的，但是下面的宽度变了，可是表头不变

 <asp:BoundField DataField="工号" HeaderText="工号" ReadOnly="True" SortExpression="工号"     >
                                                    <ControlStyle Width="10px" />
                                                    <ItemStyle Width="18px" />
                                                    </asp:BoundField>

[driverin]

引用 4 楼 diaodiaop 的回复:

http://www.darkthread.net/MiniAjaxLab/ScrollTable/ 看下这个 里面有对应的js以及css下载下来 我用了好久 很不错的 固定表头 固定列 都可以

谢谢啊，但是表头我已经固定了，现在就是想解决一下列宽的问题

[md5e]

引用 5 楼 u011114896 的回复:

[quote=引用 3 楼 liuchaolin 的回复:] 应该是工号这一列没有设置宽度

你对比一下上下两幅图，下面那一副是我设置了的，但是下面的宽度变了，可是表头不变

 <asp:BoundField DataField="工号" HeaderText="工号" ReadOnly="True" SortExpression="工号"     >
                                                    <ControlStyle Width="10px" />
                                                    <ItemStyle Width="18px" />
                                                    </asp:BoundField>

[/quote] 一般talbe默认是和title(第一个tr,的td宽度对应的),当你的title失去作用时,你就查找第一个起作用的tr的td,不懂你是否懂18px的宽度是多长,你应该参照正常值来设置

[KeepSayingNo]

你是用的asp:GridView吗，如果是，那么会列头和下面的数据的列宽要分开设置，只要设置列头的样式就可以了，余下的就是在后台进行绑定数据，怎么都不会出现你那样错位的情况。

[driverin]

[driverin]

固定表头效果还行，可是调整列宽时问题就来了，因为上面的DIV装着gridview的第一行，所以我用 <ItemStyle Width="18px" /> 这样控制工号那一列的列宽，结果下面调整了，上面还是那个样子

[md5e]

应该是工号这一列没有设置宽度

[by_封爱]

http://www.darkthread.net/MiniAjaxLab/ScrollTable/ 看下这个 里面有对应的js以及css下载下来 我用了好久 很不错的 固定表头 固定列 都可以

[KeepSayingNo]

宽度有两种设置方法，一种是按百分比，一种是按像素。你两种都试试，如果高度是可以的，那宽度肯定可以。

[driverin]

引用 8 楼 dotnetstudio 的回复:

你是用的asp:GridView吗，如果是，那么会列头和下面的数据的列宽要分开设置，只要设置列头的样式就可以了，余下的就是在后台进行绑定数据，怎么都不会出现你那样错位的情况。

可是按照孟子的这个固定表头的写法，用遍历的方法获取gridview的第一行值，但是我没弄明白生成的这一行值是怎么选择他的样式的，因为headerstyle只对他的行高度有效，宽度无效

[driverin]

引用 10 楼 dotnetstudio 的回复:

宽度有两种设置方法，一种是按百分比，一种是按像素。你两种都试试，如果高度是可以的，那宽度肯定可以。

大哥，我都试过了，没有用，孟子的这种固定表头的方法，我实在搞不懂那段Js到底什么意思？是如何生成一行表格的