0

как можно отсортировать столбец при нажатии на имя колонки? Я знаю, что данный вопрос поднимался уже, но там совсем другой код, в котором я не смог разобраться. Данные таблицы из БД. Буду очень благодарен за помощь! Я не знаю, как тут вставить PhP код, поэтому добавлю его в HTML.

<?php
$db_host = "127.0.0.1";
$db_name = "test_codez";
$db_user = "root";
$db_pass = "";

$db = mysqli_connect ($db_host, $db_user, $db_pass, $db_name) or die ("Невозможно подключиться к БД");

?>https://ru.stackoverflow.com/questions/ask#


  <!DOCTYPE html>
  <html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>

  <body>
    <table>
      <?php
      $sql = "SELECT * FROM test_table2";

      echo "<table>";
      echo "<table><tr><th>Alphabetic</th><th>Numeric</th><th>Date</th><th>Unsortable</th></tr>";
      $sql = mysqli_query($db, "SELECT * FROM test_table2");
      while ($result = mysqli_fetch_array($sql))
      {
      echo "<tr><td>".$result['Alphabetic']."</td><td>".$result['Numeriс']."</td><td>".$result['Date']."</td><td>".$result['Unsortable']."</td></tr>";
      }
      echo "</table>";
    ?>
    </table>
  </body>

  </html>

таблица

4
  • ru.stackoverflow.com/questions/933370/…
    – user176262
    18 янв 2019 в 16:40
  • Это же js, не ? Да и там представлена таблица полная через html, нет вызова из бд. Прошу помочь по моему коду! 18 янв 2019 в 17:02
  • Как Вы думаете, в каком коде (PHP или JS) происходит "нажатие на заголовок столбца"?
    – user176262
    18 янв 2019 в 17:03
  • @igor я признаю, ошибся. 18 янв 2019 в 17:50

1 ответ 1

0

С начала было реализованно с помощью baseTable, после с помощью функции на js

window.addEventListener("DOMContentLoaded", function() {
    (function(f) {
        function g(c) {
            return function(b, a) {
                b = b.cells[c].textContent;
                a = a.cells[c].textContent;
                b = +b || b;
                a = +a || a;
                return b > a ? 1 : b < a ? -1 : 0
            }
        }
        
        var d = document.querySelector(f),
            e = [].slice.call(d.rows, 1);
        [].slice.call(d.rows[0].cells).forEach(function(c, b) {
            var a = 0;
            c.addEventListener("click", function() {
                e.sort(g(b));
                a && e.reverse();
                e.forEach(function(a) {
                    d.appendChild(a)
                });
                a ^= 1
            })
        })
    })(".sort")
});

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.