From 07c47b3373a3d76a45cb0cd9bd625e74e55854cd Mon Sep 17 00:00:00 2001
From: chenwenshun <chenws2014@icloud.com>
Date: Thu, 21 Dec 2023 15:57:56 +0800
Subject: [PATCH] table sorting

---
 .../webapp/template/common/include.ftl.html         |  2 ++
 src/main/resources/webapp/template/home.ftl.html    | 13 +++++++++----
 src/main/resources/webapp/template/search.ftl.html  |  8 ++++----
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/main/resources/webapp/template/common/include.ftl.html b/src/main/resources/webapp/template/common/include.ftl.html
index f41d6d3..27f98ff 100644
--- a/src/main/resources/webapp/template/common/include.ftl.html
+++ b/src/main/resources/webapp/template/common/include.ftl.html
@@ -20,7 +20,9 @@
 <meta name="author" content="">
 <link rel="shortcut icon" href="images/zookeeper.ico" type="image/x-icon">
 <link href="css/bootstrap.min.css" rel="stylesheet">
+<link href="https://unpkg.com/bootstrap-table@1.22.1/dist/bootstrap-table.min.css" rel="stylesheet">
 <link href="css/zkacd.css" rel="stylesheet">
 <script src="js/jquery-1.10.2.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
+<script src="https://unpkg.com/bootstrap-table@1.22.1/dist/bootstrap-table.min.js"></script>
 <script src="js/home.js"></script>
diff --git a/src/main/resources/webapp/template/home.ftl.html b/src/main/resources/webapp/template/home.ftl.html
index 5af7fbe..955dce9 100644
--- a/src/main/resources/webapp/template/home.ftl.html
+++ b/src/main/resources/webapp/template/home.ftl.html
@@ -17,6 +17,11 @@
 -->
 <#import "layouts/main-layout.ftl.html" as main> 
 <@main.page>
+<style>
+    .checkbox_col{
+        width: 4%;
+    }
+</style>
 
 <div class="container">
     <form method="post" action="/home">
@@ -62,12 +67,12 @@
 
             </div>
             <div class="col-md-9 pre-scrollable scroll-pane">
-                <table class="table table-striped table-bordered wrap-table">
+                <table class="table table-striped table-bordered wrap-table" data-toggle="table">
                     <thead>
                         <tr>
-                            <th style="width: 4%"></th>
-                            <th>Name</th>
-                            <th>Value</th>
+                            <th class="checkbox_col"></th>
+                            <th data-sortable="true">Name</th>
+                            <th data-sortable="true">Value</th>
                         </tr>
                     </thead>
                     <tbody>
diff --git a/src/main/resources/webapp/template/search.ftl.html b/src/main/resources/webapp/template/search.ftl.html
index 6c4ebbb..544b6d2 100644
--- a/src/main/resources/webapp/template/search.ftl.html
+++ b/src/main/resources/webapp/template/search.ftl.html
@@ -27,12 +27,12 @@ <h3>Search Results</h3>
         <div class="col-md-12 text-center">
 
 
-            <table class="table table-striped table-bordered wrap-table">
+            <table class="table table-striped table-bordered wrap-table" data-toggle="table">
                 <thead>
                     <tr>
-                        <th>Path</th>
-                        <th>Name</th>
-                        <th>Value</th>
+                        <th data-sortable="true">Path</th>
+                        <th data-sortable="true">Name</th>
+                        <th data-sortable="true">Value</th>
                     </tr>
                 </thead>
                 <tbody>