表头拖拽

app/public/js/change.js

@@ -136,6 +136,16 @@ class codeRuleSet {
 }
 
 $(document).ready(() => {
+
+    $("#change-table").colResizable({
+        liveDrag:true,
+        gripInnerHtml:"<div class='grip'></div>",
+        draggingClass:"dragging",
+        resizeMode:'fit',
+        postbackSafe:true,
+        partialRefresh:true
+    });
+    
     // 首次进入设置
     let showNoNeed = false;
     if (parseInt(cRuleFirst)) {

app/view/change/index.ejs

@@ -69,7 +69,7 @@
             <input id="dealCode" value="<%= dealCode %>" type="hidden">
             <input id="tenderId" value="<%= tender.id %>" type="hidden">
             <div class="sjs-height-0">
-                <table class="table table-bordered">
+                <table class="table table-bordered" id="change-table">
                     <thead>
                     <tr>
                         <th width="20%" id="sort_change">申请编号/变更令号</th><th width="30%">变更工程名称</th>
@@ -134,6 +134,7 @@
     </div>
 </div>
 <script src="/public/js/sub_menu.js"></script>
+<script  src="/public/js/colResizable/colResizable-1.6.min.js"></script>
 <script>
     $.subMenu({
         menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',