JS jQuery - сделать сортировку столбцов HTML-таблицы (перетаскиванием)

Question

У меня есть очень простая таблица HTML, к которой применяется сортировка jQuery, так что пользователь может изменить порядок строк, перетаскивая их мышью:

http://jsfiddle.net/umRJr/201/

Что я пытаюсь сделатьОбойтись без успеха - это иметь эту же таблицу, сортируемую по столбцам тоже.То есть, чтобы пользователь тоже мог перетаскивать столбцы.

Как это можно сделать?

Любые идеи приветствуются, будь то с помощью js, jQuery или просто концептуально.

Answer 1

Я нашел супер-простую библиотеку pure-js, которая делает именно это:

http://www.danvk.org/wp/dragtable/

Это чистый javascript и не нуждается в jQuery.

Answer 2

Хотя у меня нет полного решения для вас, у меня есть кое-что, что поможет вам достичь вашей цели.

Я сделал быстрый поиск в Google относительно сортировки столбцов и наткнулся на этот плагин, который сортируетстолбцы.

http://jebaird.com/dev/project/dragtable/demo.htm

Поскольку вы уже знаете, как сортировать строки, я уверен, что вы можете применить свой код - после того, как этот плагин был применен для упорядочивания как строк, так и столбцов.

Надеюсь, что эта помощь.

Удачи в вашем проекте.

Answer 3

Ну, если вы не знали, сортируемые работы в режиме сетки (слева направо), так что возможно иметь столбцы с плавающими div и установить ширину.

Вы можете переделать интерфейс, чтобы переключаться между режимом сортировки и сортировки столбцов. В режиме столбцов вы должны использовать div для переноса каждого столбца, который может быть таблицей из одного столбца. Затем вы можете изменить порядок столбцов, а затем переключиться обратно в режим сортировки строк, чтобы отсортировать строки. Это было бы круто.