Flaskを使用してヘッダーに基づいてテーブルを並べ替える最も良い方法

Question

データベースの内容に基づいてテーブルが生成され、特定の列に基づいてテーブルを並べ替える機能を追加したいと思います。私はオンラインで見てみましたが、テーブルは静的ではないので、ソート機能を正しく追加する方法がわかりません。

<table class="table" style="border: 3px solid black;"> 
    <thead> 
     <tr> 
      <th style="border-left: 1px solid #eee;" class="align-middle">Select</th> 
      <th class="align-middle">Col1</th> 
      <th class="align-middle">Col2</th> 
      <th class="align-middle">Col3</th> 
      <th class="align-middle">Col4</th> 
     </tr> 
    </thead> 
    <tbody> 
     {% for row in data %} 
     <tr> 
      <td><input type="checkbox" name="inputSelect" value="{{ row[0], row[3] }}"></td> 
      <td>{{ row[0] }}</td> 
      <td>{{ row[1] }}</td> 
      <td>{{ row[2] }}</td> 
      <td>{{ row[3] }}</td> 
     </tr> 
     {% endfor %} 
    </tbody> 
</table> 

Answer 1

ネヴァーマインドは、これは私のために本当によく働いた：https://datatables.net/manual/installation