GridView水平滚动条的问题

能否将Web的GridView做成跟WinForm的DataGrid這樣，有一個固定的外觀大小，當列的總寬度大於整個表格的寬度時，就自動出現滾動條。

如我gridview的宽度设为100%,里面每一列要固定死40px,当所有列的宽度大于屏幕总宽度时自动出现滚动条，小于屏幕宽度也固定死40px,不随着屏幕的宽度面拉宽每一列。

9 个解决方案

#1

如我gridview的宽度设为100%,不要设置，让他自动大小，设置高度就可以了

#2

自动大小就页面就不好看了，当列太多的时候全挤在一起，列少的时候宽度就很大,因我的Gridview是自动生成列的。

#3

有人能帮忙看下能实现不

#4

在GridView外面套一个div div设置样式 overflow-x:auto; 给一个横向的自动滚动条。div宽度设成100%。当你的GridView总列宽超出div宽度时，div会出现滚动条。楼主可能需要慢慢去调整一下样式，多试几次，肯定会好的。

#5

引用 4 楼  的回复:

在GridView外面套一个div div设置样式 overflow-x:auto; 给一个横向的自动滚动条。div宽度设成100%。当你的GridView总列宽超出div宽度时，div会出现滚动条。楼主可能需要慢慢去调整一下样式，多试几次，肯定会好的。

用外部的div控制，比较方便的

#6

四楼可行

#7

四楼可行

#8

有个媛媛控件 yyc

#9

设定最小的宽度，就是最佳的视图宽度，将GridView放置在一个div或者panel类似的容器中，设定最小宽度，并设置div或者panel的滚动条为水平、垂直还是均有即可