сортировка таблицы c помошью javascript

@Jason777 · Регистрация: 28.01.2009

Студворк — интернет-сервис помощи студентам

Кто может помочь разобраться с javascript по сортировке таблицы.

@Daredevi1 · 25.07.2012, 16:58

Вбей в гугле "javascript сортировка таблицы"

@kalabuni · 25.07.2012, 17:34

Jason777, а в чём проблема?

а) пишете свой скрипт для сортировки и что-то не получается?
б) или взяли ~~костыли~~ готовый плагин, но не можете его подключить?
в) или же вовсе не знаете, как к проблеме подступиться?

В случае а) могу помочь.
Для варианта б) здесь существуют подфорумы:
https://www.cyberforum.ru/javascript-jquery/
https://www.cyberforum.ru/javascript-extjs/
https://www.cyberforum.ru/javascript-dojo-toolkit/
https://www.cyberforum.ru/javascript-prototype/

@proset · 26.07.2012, 13:28

Сообщение от kalabuni

Jason777, а в чём проблема?

а) пишете свой скрипт для сортировки и что-то не получается?
б) или взяли ~~костыли~~ готовый плагин, но не можете его подключить?
в) или же вовсе не знаете, как к проблеме подступиться?

В случае а) могу помочь.
Для варианта б) здесь существуют подфорумы:
https://www.cyberforum.ru/javascript-jquery/
https://www.cyberforum.ru/javascript-extjs/
https://www.cyberforum.ru/javascript-dojo-toolkit/
https://www.cyberforum.ru/javascript-prototype/

предположим есть таблица в бд,где хранятся все наименования товаров и их характеристики (размер,цена,функции и тд) я вывожу товар через дивы в таблицу (3 дива :изображение товара,название,цена) все данные у меня хранятся в бд,как мне допустим отсортировать товар по цене

@kalabuni · 26.07.2012, 14:00

proset, БД - это такая штука, которая НИКАКОГО отношения к Javascript'у не имеет.
К Javascript'у может иметь отношение HTML-код страницы, на которой этот Javascript работать будет. И CSS этой же страницы.

Поэтому исключите из вашего текста ВСЁ, связанное с БД, и поподробнее остановитесь на вашем HTML-коде.
Ваше нынешнее описание "вывожу товар через дивы в таблицу" очень напоминает "вырезаю гланды через попу".

Так что... поконкретнее, используя HTML-теги <DIV> и <TABLE> (с <TR> и <TD>).
И безо всяких PHP-вставок!
Тогда появится предмет для помощи вам.

@proset · 26.07.2012, 14:31

Сообщение от kalabuni

proset, БД - это такая штука, которая НИКАКОГО отношения к Javascript'у не имеет.
К Javascript'у может иметь отношение HTML-код страницы, на которой этот Javascript работать будет. И CSS этой же страницы.

Поэтому исключите из вашего текста ВСЁ, связанное с БД, и поподробнее остановитесь на вашем HTML-коде.
Ваше нынешнее описание "вывожу товар через дивы в таблицу" очень напоминает "вырезаю гланды через попу".

Так что... поконкретнее, используя HTML-теги <DIV> и <TABLE> (с <TR> и <TD>).
И безо всяких PHP-вставок!
Тогда появится предмет для помощи вам.

это уже мои нюансы,которые наврядли совпадают с создателем темы,поэтому рассписывать и выкладывать тут свой код я не буду,лучше для этого сделать отдельную тему...тем более,что я еще сам не очень понимаю,что хочу и обьяснить без скриншотов и кода уж точно не получится...
меня интересовала теоретическая часть данного вопроса

@kalabuni · 26.07.2012, 14:42

Сообщение от proset

меня интересовала теоретическая часть данного вопроса

Теоретически:
1. На ячейки нулевой строки навешиваем обработку клика.
2. По клику определяем cellIndex ячейки и циклом перебираем все строки таблицы, начиная первой.
3. В процессе перебора создаём массив, где каждому члену соответствует innerHTML ячеек с этим cellIndex всех строк и номер самой строки.
4. Делаем клон таблицы.
5. Сортируем созданный массив (по нужному условию и по какому-то критерию - "как числа", "как строки"...)
6. Снова перебираем все строки таблицы (снизу вверх до первой включительно), удаляя все строки методом deleteRow () за исключением строки, которая после сортировки последняя в массиве.
7. С помощью метода insertBefore () циклом добавляем строки в таблицу из клона в соответствии с имеющимся отсортированным массивом.

@GuardCat · 28.07.2012, 14:34

kalabuni, работа с DOM дорога по времени и ресурсам. Лучше удалять и добавлять не по строке тогда, а целиком таблицу.

@newJS · 28.07.2012, 15:16

Вам не надоело ерундой заниматься, гугл забит разными скриптами. Зачем что то еще изобретать?
Все сортируется без перезагрузки перетасовыванием TR.

@proset · 28.07.2012, 17:04

Сообщение от newJS

Вам не надоело ерундой заниматься, гугл забит разными скриптами. Зачем что то еще изобретать?
Все сортируется без перезагрузки перетасовыванием TR.

так,чтобы перетасовывать,нужно еще и считывать данные из этих строк,а заполняются эти строки из базы данных,вот оно что...

@kalabuni · 28.07.2012, 17:14

proset, ну прекратите, наконец, пороть ерунду.
Второй раз уже вам пишу - база данных (БД) не имеет НИКАКОГО отношения к проблеме топика.

Код таблицы может быть написан ВРУЧНУЮ и сохранён в виде файла с расширением *.html.
Код таблицы может формироваться на сервере в момент обращения к файлу с расширением *.php.
И в этом (втором) случае при формировании кода таблицы может использоваться БД.

Но ПО-ЛЮБОМУ браузеру отдаётся HTML-код и браузер НЕ ЗНАЕТ - как именно сделан этот файл.
Потому что браузеру это и не нужно.

Сортировка осуществляется внутри браузера, средствами браузера.

@newJS · 28.07.2012, 21:07

Сообщение от proset

предположим есть таблица в бд,где хранятся все наименования товаров и их характеристики (размер,цена,функции и тд) я вывожу товар через дивы в таблицу (3 дива :изображение товара,название,цена) все данные у меня хранятся в бд,как мне допустим отсортировать товар по цене

Сообщение от GuardCat

Лучше удалять и добавлять не по строке тогда, а целиком таблицу.

GuardCat, proset, автор топика спрашивал про сортировку таблицы, а вы предлагаете замену одной таблицы другой, или замену одних данных на другие. Разницу улавливаете?

@GuardCat · 29.07.2012, 13:31

Сообщение от newJS

Вам не надоело ерундой заниматься, гугл забит разными скриптами. Зачем что то еще изобретать?
Все сортируется без перезагрузки перетасовыванием TR.

Ну лично мне было бы интересно написать сортировку, а потом уже смотреть готовые варианты и оценить, насколько я написал хуже / лучше. Обязательно напишу, как времени выкрою.

Сообщение от newJS

GuardCat, proset, автор топика спрашивал про сортировку таблицы, а вы предлагаете замену одной таблицы другой, или замену одних данных на другие. Разницу улавливаете?

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Jason777 0 / 0 / 0 Регистрация: 28.01.2009 Сообщений: 8

	сортировка таблицы c помошью javascript 25.07.2012, 16:41. Показов 3345. Ответов 12 Метки нет (Все метки) Кто может помочь разобраться с javascript по сортировке таблицы. 0

@Daredevi1 311 / 303 / 78 Регистрация: 09.05.2009 Сообщений: 723
	25.07.2012, 16:58
	Вбей в гугле "javascript сортировка таблицы" 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	25.07.2012, 17:34
	Jason777, а в чём проблема? а) пишете свой скрипт для сортировки и что-то не получается? б) или взяли ~~костыли~~ готовый плагин, но не можете его подключить? в) или же вовсе не знаете, как к проблеме подступиться? В случае а) могу помочь. Для варианта б) здесь существуют подфорумы: https://www.cyberforum.ru/javascript-jquery/ https://www.cyberforum.ru/javascript-extjs/ https://www.cyberforum.ru/javascript-dojo-toolkit/ https://www.cyberforum.ru/javascript-prototype/ 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	26.07.2012, 14:00
	proset, БД - это такая штука, которая НИКАКОГО отношения к Javascript'у не имеет. К Javascript'у может иметь отношение HTML-код страницы, на которой этот Javascript работать будет. И CSS этой же страницы. Поэтому исключите из вашего текста ВСЁ, связанное с БД, и поподробнее остановитесь на вашем HTML-коде. Ваше нынешнее описание "вывожу товар через дивы в таблицу" очень напоминает "вырезаю гланды через попу". Так что... поконкретнее, используя HTML-теги <DIV> и <TABLE> (с <TR> и <TD>). И безо всяких PHP-вставок! Тогда появится предмет для помощи вам. 0

@GuardCat Просто любитель 626 / 464 / 120 Регистрация: 20.01.2011 Сообщений: 865 Записей в блоге: 2
	28.07.2012, 14:34
	kalabuni, работа с DOM дорога по времени и ресурсам. Лучше удалять и добавлять не по строке тогда, а целиком таблицу. 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	28.07.2012, 15:16
	Вам не надоело ерундой заниматься, гугл забит разными скриптами. Зачем что то еще изобретать? Все сортируется без перезагрузки перетасовыванием TR. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	28.07.2012, 17:14
	proset, ну прекратите, наконец, пороть ерунду. Второй раз уже вам пишу - база данных (БД) не имеет НИКАКОГО отношения к проблеме топика. Код таблицы может быть написан ВРУЧНУЮ и сохранён в виде файла с расширением .html. Код таблицы может формироваться на сервере в момент обращения к файлу с расширением .php. И в этом (втором) случае при формировании кода таблицы может использоваться БД. Но ПО-ЛЮБОМУ браузеру отдаётся HTML-код и браузер НЕ ЗНАЕТ - как именно сделан этот файл. Потому что браузеру это и не нужно. Сортировка осуществляется внутри браузера, средствами браузера. 0

Опции темы