主页 / 问题 / 933786
Accepted
Anton Brock
Asked:2020-01-19 00:38:12 +0000 UTC2020-01-19 00:38:12 +0000 UTC

通过单击列标题对表格进行排序

  • 772

单击列名时如何对列进行排序？我知道已经提出了这个问题，但是有一个完全不同的代码我无法弄清楚。来自数据库的表数据。我将非常感谢您的帮助！我不知道如何在这里插入 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>

桌子

php

1 个回答

  1. Best Answer

    从一开始它是使用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")
});

    • 0

相关问题