使用JavaScript可调整大小的网格视图列

Question

我想使用JavaScript调整GridView列的大小。以下是一个示例。

- hotcoder

Answer 1

我认为这个插件可以满足你的要求 http://www.ita.es/jquery/jquery.grid.columnsizing.htm

不过我建议你也看看这个可定制的基于jQuery的网格 http://www.trirand.com/blog/

- Drahcir

Answer 2

你可以尝试使用开源项目 ASP.NET CoolGridView 控件。它能够很好地与 IE 6/7/8、Firefox 3.0/3.5、Safari 和 Chrome 兼容。支持可调整大小的列和固定表头。

http://johnsobrepena.blogspot.com/2010/02/coolgridview-february-2010-release.html

- John

Answer 3

你所提到的例子似乎是使用了ExtJS。还有jqGrid（jQueryUI的扩展）等其他选项。如果你正在寻找一个ASP.Net Ajax网格控件，有许多不同组件供应商提供了几个选择（Component One、Infragistics、DevXPress等）。

我只是假设你想要一个面向服务器的网格组件，因为问题中出现了“GridView”一词。我建议搜索：“ASP.Net Ajax”网格控件。这将给你带来最适合你需求的结果。

- Tracker1

Answer 4

我建议如果你想自己完成这个任务，可以使用jQuery。你可以获取表头行（或任何你想要的位置）的点击事件，然后使用鼠标的x/y轴拖动一条线。一旦鼠标释放，你可以遍历整个表格并重新设置列的宽度。

否则，互联网上有几个JavaScript表格控件可供使用。

- Joel Etherton