Pengisihan jadual HTML

Question

Jadi pada asasnya saya menjalankan pertanyaan mysql yang mengambil data daripada pangkalan data saya dan memaparkannya dalam reka letak yang mudah dibaca untuk pengguna.

Nama-----Alamat----Orang Jualan

Anda mendapat intipatinya. Sekarang saya mahu pengguna mengisih jadual html mengikut jurujual. Bagaimanakah saya boleh melakukan ini dengan mudah menggunakan menu lungsur?

  

    
Orang Jualan
      

        
Melissa
        
Justin
        
Judy
        
Skipper
        
Alex
      
    
  

Answer 1

Ini perpustakaan lain.

Perubahan yang perlu dilakukan ialah -

1. Tambahkan pengisihan js
   

2. Tambahkan nama kelas sortable pada jadual.

Klik pada tajuk jadual untuk mengisih jadual mengikut kesesuaian:

<script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>

<table class="sortable">
  <tr>
    <th>Name</th>
    <th>Address</th>
    <th>Sales Person</th>
  </tr>

  <tr class="item">
    <td>user:0001</td>
    <td>UK</td>
    <td>Melissa</td>
  </tr>
  <tr class="item">
    <td>user:0002</td>
    <td>France</td>
    <td>Justin</td>
  </tr>
  <tr class="item">
    <td>user:0003</td>
    <td>San Francisco</td>
    <td>Judy</td>
  </tr>
  <tr class="item">
    <td>user:0004</td>
    <td>Canada</td>
    <td>Skipper</td>
  </tr>
  <tr class="item">
    <td>user:0005</td>
    <td>Christchurch</td>
    <td>Alex</td>
  </tr>

</table>

Answer 2

Semak sama ada anda boleh menggunakan mana-mana pemalam JQuery yang dinyatakan di bawah. Cukup hebat, menawarkan pelbagai pilihan kerja dan kurang usaha untuk disepadukan. :)

https://github.com/paulopmx/Flexigrid - Flexgrid
http://datatables.net/index - Jadual data.
https://github.com/tonytomov/jqGrid

Jika tidak, anda perlu mempunyai pautan ke pengepala tersebut yang memanggil skrip sisi pelayan untuk menggunakan isihan.