diff --git a/sai/modules/saimod_sys_page/js/saimod_sys_page.js b/sai/modules/saimod_sys_page/js/saimod_sys_page.js
index 6e7bd39..d4f6cb0 100644
--- a/sai/modules/saimod_sys_page/js/saimod_sys_page.js
+++ b/sai/modules/saimod_sys_page/js/saimod_sys_page.js
@@ -1,4 +1,5 @@
 function init_saimod_sys_page() {
+    $("#sai_mod_page_table").tablesorter();
     $('#tabs_page a').click(function (e) {
         $('#tabs_page li').each(function(){
             $(this).removeClass('active');});
@@ -35,6 +36,7 @@ function api_menu(){
         $('#menu_all').parent().addClass('active');}
 }
 function init_saimod_sys_page_list(){
+    $("#sai_mod_page_table").tablesorter();
     api_menu();}
 function init_saimod_sys_page_delete(){
     $('#del_page_del').click(function() {
diff --git a/sai/modules/saimod_sys_page/tpl/saimod_sys_page_list.tpl b/sai/modules/saimod_sys_page/tpl/saimod_sys_page_list.tpl
index 9621b3b..13a6851 100644
--- a/sai/modules/saimod_sys_page/tpl/saimod_sys_page_list.tpl
+++ b/sai/modules/saimod_sys_page/tpl/saimod_sys_page_list.tpl
@@ -1,5 +1,5 @@
-<table class="col-sm-12 table table-hover table-striped  table-condensed" style="overflow: auto;">
-    <thead class="cf">
+<table class="col-sm-12 table table-hover table-striped  table-condensed tablesorter" id="sai_mod_page_table" style="overflow: auto;">
+    <thead>
         <tr>
             <th>id</th>
             <th>name</th>
@@ -13,6 +13,8 @@
             <th>func</th>
             <th>php_class</th-->
         </tr>
-    </thead>    
-    ${content}
+    </thead> 
+    <tbody>
+        ${content}
+    </tbody>    
 </table>
\ No newline at end of file