Сортировка значений в таблице jquery

206
24 февраля 2018, 20:47

Как сделать сортировку значений в таблице. Есть две колонки в таблице в по которым нужно делать сортировку. Например первая колонка - количество комнат. Вторая корпус.

<table id="tblitem">                                                    <tbody><tr>
                                                                                                                                <th>КОМНАТ</th>
                                                                                                                                <th>КОРПУС</th>
                                                                                                                                <th>ЭТАЖ</th>
                                                                                                                                <th>S ОБЩАЯ</th>
                                                                                                                                <th>S ЖИЛАЯ</th>
                                                                                                                                <th>S КУХНИ</th>
                                                                                                                                <th>ОТДЕЛКА</th>
                                                                                                                                <th>БАЗОВАЯ СТОИМОСТЬ</th>
                                                                                                                                <th>ПЛАНИРОВКА</th>
                                                    </tr>
                                                                                                            <tr class="table-data"><td>1</td><td>Дом 8</td><td>1 - 23</td><td>34,32</td><td>13,63</td><td>7,84</td><td>С отделкой</td><td>1 921 920 ₽</td><td>
                             <a href="#win0" class="button button-green">планировка</a>
                            <!-- Модальное окно №1 -->
                               <a href="#x" class="overlay" id="win0"></a>
                               <div class="popup">
                                             <img src="/images/БАЗА_НОВОСТРОЕК/Нижегородская_область/Кстовский/ЖК_КМ_Анкудиновский_Парк/планировки/дом_8-10/1kom.jpg" style="max-height: 800px">
                                <a class="close" title="Закрыть" href="#close"></a>
                                </div>
                            </td></tr><tr class="table-data"><td>1+</td><td>Дом 8</td><td>1 - 23</td><td>54,22</td><td>16,55</td><td>21,95</td><td>С отделкой</td><td>2 873 660 ₽</td><td>
                             <a href="#win1" class="button button-green">планировка</a>
                            <!-- Модальное окно №1 -->
                               <a href="#x" class="overlay" id="win1"></a>
                               <div class="popup">
                                             <img src="/images/БАЗА_НОВОСТРОЕК/Нижегородская_область/Кстовский/ЖК_КМ_Анкудиновский_Парк/планировки/дом_8-10/1pluskom.jpg" style="max-height: 800px">
                                <a class="close" title="Закрыть" href="#close"></a>
                                </div>
                            </td></tr><tr class="table-data"><td>2</td><td>Дом 8</td><td>1 - 23</td><td>55,9</td><td>23,55</td><td>12,51</td><td>С отделкой</td><td>3 074 500 ₽</td><td>
                             <a href="#win2" class="button button-green">планировка</a>
                            <!-- Модальное окно №1 -->
                               <a href="#x" class="overlay" id="win2"></a>
                               <div class="popup">
                                             <img src="/images/БАЗА_НОВОСТРОЕК/Нижегородская_область/Кстовский/ЖК_КМ_Анкудиновский_Парк/планировки/дом_8-10/2kom.jpg" style="max-height: 800px">
                                <a class="close" title="Закрыть" href="#close"></a>
                                </div>
                            </td></tr><tr class="table-data"><td>3</td><td>Дом 8</td><td>1 - 23</td><td>88,67</td><td>50,36</td><td>8,39</td><td>С отделкой</td><td>4 699 510 ₽</td><td>
                             <a href="#win3" class="button button-green">планировка</a>
                            <!-- Модальное окно №1 -->
                               <a href="#x" class="overlay" id="win3"></a>
                               <div class="popup">
                                             <img src="/images/БАЗА_НОВОСТРОЕК/Нижегородская_область/Кстовский/ЖК_КМ_Анкудиновский_Парк/планировки/дом_8-10/3kom.jpg" style="max-height: 800px">
                                <a class="close" title="Закрыть" href="#close"></a>
                                </div>
                            </td></tr><tr class="table-data"><td>1</td><td>Дом 10</td><td>1 - 23</td><td>34,32</td><td>13,63</td><td>7,84</td><td>С отделкой</td><td>1 921 920 ₽</td><td>
                             <a href="#win4" class="button button-green">планировка</a>
                            <!-- Модальное окно №1 -->
                               <a href="#x" class="overlay" id="win4"></a>
                               <div class="popup">
                                             <img src="/images/БАЗА_НОВОСТРОЕК/Нижегородская_область/Кстовский/ЖК_КМ_Анкудиновский_Парк/планировки/дом_8-10/1kom.jpg" style="max-height: 800px">
                                <a class="close" title="Закрыть" href="#close"></a>
                                </div>
                            </td></tr><tr class="table-data"><td>1+</td><td>Дом 10</td><td>1 - 23</td><td>54,22</td><td>16,55</td><td>21,95</td><td>С отделкой</td><td>2 873 660 ₽</td><td>
                             <a href="#win5" class="button button-green">планировка</a>
                            <!-- Модальное окно №1 -->
                               <a href="#x" class="overlay" id="win5"></a>
                               <div class="popup">
                                             <img src="/images/БАЗА_НОВОСТРОЕК/Нижегородская_область/Кстовский/ЖК_КМ_Анкудиновский_Парк/планировки/дом_8-10/1pluskom.jpg" style="max-height: 800px">
                                <a class="close" title="Закрыть" href="#close"></a>
                                </div>
                            </td></tr><tr class="table-data"><td>2</td><td>Дом 10</td><td>1 - 23</td><td>55,9</td><td>23,55</td><td>12,51</td><td>С отделкой</td><td>3 074 500 ₽</td><td>
                             <a href="#win6" class="button button-green">планировка</a>
                            <!-- Модальное окно №1 -->
                               <a href="#x" class="overlay" id="win6"></a>
                               <div class="popup">
                                             <img src="/images/БАЗА_НОВОСТРОЕК/Нижегородская_область/Кстовский/ЖК_КМ_Анкудиновский_Парк/планировки/дом_8-10/2kom.jpg" style="max-height: 800px">
                                <a class="close" title="Закрыть" href="#close"></a>
                                </div>
                            </td></tr><tr class="table-data"><td>3</td><td>Дом 10</td><td>1 - 23</td><td>88,67</td><td>50,36</td><td>8,39</td><td>С отделкой</td><td>4 699 510 ₽</td><td>
                             <a href="#win7" class="button button-green">планировка</a>
                            <!-- Модальное окно №1 -->
                               <a href="#x" class="overlay" id="win7"></a>
                               <div class="popup">
                                             <img src="/images/БАЗА_НОВОСТРОЕК/Нижегородская_область/Кстовский/ЖК_КМ_Анкудиновский_Парк/планировки/дом_8-10/3kom.jpg" style="max-height: 800px">
                                <a class="close" title="Закрыть" href="#close"></a>
                                </div>
                            </td></tr></tbody></table>

Как сделать чтобы уникальные данные колонки "Количество комнат" собирались в один список select, а "корпуса в другой select список и по ним шла фильтрация в таблице. То есть мы например выбираем в этом select комнаты "1" Корпус "2 k" и в таблице отображаются колонки только с этими параметрами. Примерно так

READ ALSO
добавление данных в выпадающий список

добавление данных в выпадающий список

Есть таблица tableЕсть input для ввода пользователем данных

127
Построчный вывод из XML в HTML?

Построчный вывод из XML в HTML?

Стоит задача, есть xml документ из него нужно взять данные и вывести в html документ, то есть сделать сцепкуНо почему-то у меня из xml документа...

232
не отправляет данные из формы

не отправляет данные из формы

на странице есть каталог и поиск, можно добавить товар в корзину, в каталоге всё работает, но через поиск выдаёт ошибку: "Form submission canceled because...

214