使用 javascript 调整大小的 Gridview 列答案

【问题标题】：Resizable Gridview columns using javascript使用 javascript 调整大小的 Gridview 列
【发布时间】：2011-01-08 02:48:21
【问题描述】：

我想使用 javascript 调整 Gridview 列的大小。下面是一个例子。

【问题讨论】：

【解决方案1】：

虽然我建议您也检查一下这个可定制的基于 jQuery 的网格http://www.trirand.com/blog/

【讨论】：

【解决方案2】：

如果您想自己执行此操作，我建议您使用 jQuery。您可以抓住标题行（或任何您想要的地方）的点击事件，然后您可以使用鼠标的 x/y 拖动一条线。释放鼠标后，您可以在表格中滚动并重置 's 的宽度。

否则，您可以使用 Internet 上的几个 JavaScript 表格控件。

【讨论】：

【解决方案3】：

您可以尝试开源项目 ASP.NET CoolGridView 控件。它适用于 IE 6/7/8、Firefox 3.0 / 3.5、Safari 和 Chrome。支持可调整大小的列和固定标题。

【讨论】：

【解决方案4】：

您所指的示例是使用看起来像的 ExtJS。还有 jqGrid（jQueryUI 的扩展）等。如果您正在寻找 ASP.Net Ajax 网格控件，则可以从许多不同的组件供应商（Component One、Infragistics、DevXPress 等）那里获得多种选择。

我在这里只是假设您想要一个面向服务器的 Grid 组件，因为问题中使用了“GridView”一词。我建议搜索：“ASP.Net Ajax”网格控件。这将为您提供最适合您需求的结果。

【讨论】：