Изменяемые размеры столбцов Gridview с использованием JavaScript

Question

Я хочу изменить размер столбцов Gridview, используя JavaScript. Ниже приведен пример.

Answer 1

Я думаю, что этот плагин делает то, что вы просили http://www.ita.es/jquery/jquery.grid.columnsizing.htm

Хотя я бы предложил проверить эту настраиваемую сетку на основе jQuery, а также http://www.trirand.com/blog/

Answer 2

Пример, на который вы ссылаетесь, - это использование ExtJS.Также есть jqGrid (расширение jQueryUI) и другие.Если вы ищете элемент управления сеткой ASP.Net Ajax, есть несколько вариантов от разных поставщиков компонентов (Компонент 1, Инфраструктура, DevXPress и т. Д.).

Я только предполагаю, что вы хотите ориентироваться на серверСетка компонента из-за термина "GridView" в вопросе.Я хотел бы предложить поиск: "ASP.Net Ajax" сетки управления.Это даст вам результаты, которые могут наилучшим образом удовлетворить ваши потребности.

Answer 3

Вы можете попробовать проект с открытым исходным кодом 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

Answer 4

Я бы порекомендовал использовать jQuery, если вы хотите сделать это самостоятельно. Вы можете захватить событие click строки заголовка (или где угодно), а затем вы можете использовать x / y мыши для перетаскивания линии. Как только мышь отпущена, вы можете перемещаться по таблице и сбрасывать ширину.

В противном случае в Интернете можно использовать несколько элементов управления таблицами JavaScript.