diff --git a/wms/css/dataTables.fixedColumns.min.js b/wms/css/dataTables.fixedColumns.min.js
new file mode 100644
index 00000000..f8202b8e
--- /dev/null
+++ b/wms/css/dataTables.fixedColumns.min.js
@@ -0,0 +1,4 @@
+/*! FixedColumns 4.3.0
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(e){var i,o;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(t){return e(t,window,document)}):"object"==typeof exports?(i=require("jquery"),o=function(t,s){s.fn.dataTable||require("datatables.net")(t,s)},"undefined"==typeof window?module.exports=function(t,s){return t=t||window,s=s||i(t),o(t,s),e(s,0,t.document)}:(o(window,i),module.exports=e(i,window,window.document))):e(jQuery,window,document)}(function(o,t,s,F){"use strict";var A,i,e,l,d=o.fn.dataTable;function r(t,s){var e=this;if(i&&i.versionCheck&&i.versionCheck("1.10.0"))return t=new i.Api(t),this.classes=A.extend(!0,{},r.classes),this.c=A.extend(!0,{},r.defaults,s),s&&s.left!==F||this.c.leftColumns===F||(this.c.left=this.c.leftColumns),s&&s.right!==F||this.c.rightColumns===F||(this.c.right=this.c.rightColumns),this.s={barWidth:0,dt:t,rtl:"rtl"===A("body").css("direction")},s={bottom:"0px",display:"block",position:"absolute",width:this.s.barWidth+1+"px"},this.dom={leftBottomBlocker:A("<div>").css(s).css("left",0).addClass(this.classes.leftBottomBlocker),leftTopBlocker:A("<div>").css(s).css({left:0,top:0}).addClass(this.classes.leftTopBlocker),rightBottomBlocker:A("<div>").css(s).css("right",0).addClass(this.classes.rightBottomBlocker),rightTopBlocker:A("<div>").css(s).css({right:0,top:0}).addClass(this.classes.rightTopBlocker)},this.s.dt.settings()[0]._bInitComplete?(this._addStyles(),this._setKeyTableListener()):t.one("init.dt.dtfc",function(){e._addStyles(),e._setKeyTableListener()}),t.on("column-sizing.dt.dtfc",function(){return e._addStyles()}),t.settings()[0]._fixedColumns=this,t.on("destroy",function(){return e._destroy()}),this;throw new Error("FixedColumns requires DataTables 1.10 or newer")}function h(t,s){void 0===s&&(s=null);t=new d.Api(t),s=s||t.init().fixedColumns||d.defaults.fixedColumns;new e(t,s)}return r.prototype.left=function(t){return t!==F?(0<=t&&t<=this.s.dt.columns().count()&&(this.c.left=t,this._addStyles()),this):this.c.left},r.prototype.right=function(t){return t!==F?(0<=t&&t<=this.s.dt.columns().count()&&(this.c.right=t,this._addStyles()),this):this.c.right},r.prototype._addStyles=function(){this.s.dt.settings()[0].oScroll.sY&&(s=A(this.s.dt.table().node()).closest("div.dataTables_scrollBody")[0],e=this.s.dt.settings()[0].oBrowser.barWidth,s.offsetWidth-s.clientWidth>=e?this.s.barWidth=e:this.s.barWidth=0,this.dom.rightTopBlocker.css("width",this.s.barWidth+1),this.dom.leftTopBlocker.css("width",this.s.barWidth+1),this.dom.rightBottomBlocker.css("width",this.s.barWidth+1),this.dom.leftBottomBlocker.css("width",this.s.barWidth+1));for(var t=null,s=this.s.dt.column(0).header(),e=null,i=(null!==s&&(e=(s=A(s)).outerHeight()+1,t=A(s.closest("div.dataTables_scroll")).css("position","relative")),this.s.dt.column(0).footer()),o=null,l=(null!==i&&(o=(i=A(i)).outerHeight(),null===t)&&(t=A(i.closest("div.dataTables_scroll")).css("position","relative")),this.s.dt.columns().data().toArray().length),d=0,r=0,h=A(this.s.dt.table().node()).children("tbody").children("tr"),n=0,a=new Map,c=0;c<l;c++){var f=this.s.dt.column(c);if(0<c&&a.set(c-1,n),f.visible()){var u=A(f.header()),m=A(f.footer());if(c-n<this.c.left){if(A(this.s.dt.table().node()).addClass(this.classes.tableFixedLeft),t.addClass(this.classes.tableFixedLeft),0<c-n)for(var g=c;g+1<l;){if((S=this.s.dt.column(g-1,{page:"current"})).visible()){d+=A(S.nodes()[0]).outerWidth(),r+=S.header()||S.footer()?A(S.header()).outerWidth():0;break}g--}for(var C=0,p=h;C<p.length;C++){var x=p[C];A(A(x).children()[c-n]).css(this._getCellCSS(!1,d,"left")).addClass(this.classes.fixedLeft)}u.css(this._getCellCSS(!0,r,"left")).addClass(this.classes.fixedLeft),m.css(this._getCellCSS(!0,r,"left")).addClass(this.classes.fixedLeft)}else{for(var b=0,v=h;b<v.length;b++){x=v[b];(R=A(A(x).children()[c-n])).hasClass(this.classes.fixedLeft)&&R.css(this._clearCellCSS("left")).removeClass(this.classes.fixedLeft)}u.hasClass(this.classes.fixedLeft)&&u.css(this._clearCellCSS("left")).removeClass(this.classes.fixedLeft),m.hasClass(this.classes.fixedLeft)&&m.css(this._clearCellCSS("left")).removeClass(this.classes.fixedLeft)}}else n++}for(var B=0,k=0,y=0,c=l-1;0<=c;c--)if((f=this.s.dt.column(c)).visible()){var u=A(f.header()),m=A(f.footer()),_=a.get(c);if(_===F&&(_=n),c+y>=l-this.c.right){if(A(this.s.dt.table().node()).addClass(this.classes.tableFixedRight),t.addClass(this.classes.tableFixedRight),c+1+y<l)for(var S,g=c;g+1<l;){if((S=this.s.dt.column(g+1,{page:"current"})).visible()){B+=A(S.nodes()[0]).outerWidth(),k+=S.header()||S.footer()?A(S.header()).outerWidth():0;break}g++}for(var w=0,T=h;w<T.length;w++){x=T[w];A(A(x).children()[c-_]).css(this._getCellCSS(!1,B,"right")).addClass(this.classes.fixedRight)}u.css(this._getCellCSS(!0,k,"right")).addClass(this.classes.fixedRight),m.css(this._getCellCSS(!0,k,"right")).addClass(this.classes.fixedRight)}else{for(var L=0,W=h;L<W.length;L++){var R,x=W[L];(R=A(A(x).children()[c-_])).hasClass(this.classes.fixedRight)&&R.css(this._clearCellCSS("right")).removeClass(this.classes.fixedRight)}u.hasClass(this.classes.fixedRight)&&u.css(this._clearCellCSS("right")).removeClass(this.classes.fixedRight),m.hasClass(this.classes.fixedRight)&&m.css(this._clearCellCSS("right")).removeClass(this.classes.fixedRight)}}else y++;s&&(this.s.rtl?(this.dom.leftTopBlocker.outerHeight(e),t.append(this.dom.leftTopBlocker)):(this.dom.rightTopBlocker.outerHeight(e),t.append(this.dom.rightTopBlocker))),i&&(this.s.rtl?(this.dom.leftBottomBlocker.outerHeight(o),t.append(this.dom.leftBottomBlocker)):(this.dom.rightBottomBlocker.outerHeight(o),t.append(this.dom.rightBottomBlocker)))},r.prototype._destroy=function(){this.s.dt.off(".dtfc"),this.dom.leftBottomBlocker.remove(),this.dom.leftTopBlocker.remove(),this.dom.rightBottomBlocker.remove(),this.dom.rightTopBlocker.remove()},r.prototype._getCellCSS=function(t,s,e){return"left"===e?this.s.rtl?{position:"sticky",right:s+"px"}:{left:s+"px",position:"sticky"}:this.s.rtl?{left:s+(t?this.s.barWidth:0)+"px",position:"sticky"}:{position:"sticky",right:s+(t?this.s.barWidth:0)+"px"}},r.prototype._clearCellCSS=function(t){return"left"===t?this.s.rtl?{position:"",right:""}:{left:"",position:""}:this.s.rtl?{left:"",position:""}:{position:"",right:""}},r.prototype._setKeyTableListener=function(){var h=this;this.s.dt.on("key-focus.dt.dtfc",function(t,s,e){var i,o,l,d=A(e.node()).offset(),r=A(A(h.s.dt.table().node()).closest("div.dataTables_scrollBody"));0<h.c.left&&(i=(o=A(h.s.dt.column(h.c.left-1).header())).offset(),o=o.outerWidth(),d.left<i.left+o)&&(l=r.scrollLeft(),r.scrollLeft(l-(i.left+o-d.left))),0<h.c.right&&(i=h.s.dt.columns().data().toArray().length,o=A(e.node()).outerWidth(),e=A(h.s.dt.column(i-h.c.right).header()).offset(),d.left+o>e.left)&&(l=r.scrollLeft(),r.scrollLeft(l-(e.left-(d.left+o))))}),this.s.dt.on("draw.dt.dtfc",function(){h._addStyles()}),this.s.dt.on("column-reorder.dt.dtfc",function(){h._addStyles()}),this.s.dt.on("column-visibility.dt.dtfc",function(t,s,e,i,o){o&&!s.bDestroying&&setTimeout(function(){h._addStyles()},50)})},r.version="4.3.0",r.classes={fixedLeft:"dtfc-fixed-left",fixedRight:"dtfc-fixed-right",leftBottomBlocker:"dtfc-left-bottom-blocker",leftTopBlocker:"dtfc-left-top-blocker",rightBottomBlocker:"dtfc-right-bottom-blocker",rightTopBlocker:"dtfc-right-top-blocker",tableFixedLeft:"dtfc-has-left",tableFixedRight:"dtfc-has-right"},r.defaults={i18n:{button:"FixedColumns"},left:1,right:0},e=r,i=(A=o).fn.dataTable,o.fn.dataTable.FixedColumns=e,o.fn.DataTable.FixedColumns=e,(l=d.Api.register)("fixedColumns()",function(){return this}),l("fixedColumns().left()",function(t){var s=this.context[0];return t!==F?(s._fixedColumns.left(t),this):s._fixedColumns.left()}),l("fixedColumns().right()",function(t){var s=this.context[0];return t!==F?(s._fixedColumns.right(t),this):s._fixedColumns.right()}),d.ext.buttons.fixedColumns={action:function(t,s,e,i){o(e).attr("active")?(o(e).removeAttr("active").removeClass("active"),s.fixedColumns().left(0),s.fixedColumns().right(0)):(o(e).attr("active","true").addClass("active"),s.fixedColumns().left(i.config.left),s.fixedColumns().right(i.config.right))},config:{left:1,right:0},init:function(t,s,e){t.settings()[0]._fixedColumns===F&&h(t.settings(),e),o(s).attr("active","true").addClass("active"),t.button(s).text(e.text||t.i18n("buttons.fixedColumns",t.settings()[0]._fixedColumns.c.i18n.button))},text:null},o(s).on("plugin-init.dt",function(t,s){"dt"!==t.namespace||!s.oInit.fixedColumns&&!d.defaults.fixedColumns||s._fixedColumns||h(s,null)}),d});
\ No newline at end of file
diff --git a/wms/wipwhole-index-table-html.php b/wms/wipwhole-index-table-html.php
index d83fdd65..85d7fff0 100644
--- a/wms/wipwhole-index-table-html.php
+++ b/wms/wipwhole-index-table-html.php
@@ -8,23 +8,23 @@ $tableArr = array(
     "Z" => "table_index7"
 );
 ?>
-<table id="<?php echo $tableArr[$key]; ?>" class="table table-striped table-bordered" style="width:98.5%">
+<table id="<?php echo $tableArr[$key]; ?>" class="table table-striped table-bordered " style="width:100%;table-layout:fixed;">
     <thead>
         <tr>
-            <th style="vertical-align: middle;text-align:center;">合約號</th>
-            <th style="vertical-align: middle;text-align:center;">電梯編號</th>
-            <th style="vertical-align: middle;text-align:center;">客戶姓名</th>
-            <th style="vertical-align: middle;text-align:center;">規格</th>
-            <th style="vertical-align: middle;text-align:center;">地址</th>
-            <th style="vertical-align: middle;text-align:center;">工勘狀態</th>
-            <th style="vertical-align: middle;text-align:center;">下單日<br />(普來特富)</th>
-            <th style="vertical-align: middle;text-align:center;">預計到廠日<br />(觀音廠)</th>
-            <th style="vertical-align: middle;text-align:center;">實際到廠日<br />(觀音廠)</th>
-            <th style="vertical-align: middle;text-align:center;">預計出貨日<br />(到工地)</th>
-            <th style="vertical-align: middle;text-align:center;">營業/契約確認</th>
-            <th style="vertical-align: middle;text-align:center;">設計確認</th>
-            <th style="vertical-align: middle;text-align:center;">工務確認</th>
-            <th style="vertical-align: middle;text-align:center;">生管(業 務)確認</th>
+            <th style="text-align:center;width:150px;">合約號</th>
+            <th style="text-align:center;width:150px;">電梯編號</th>
+            <th style="text-align:center;width:200px;">客戶姓名</th>
+            <th style="text-align:center;width:230px;">規格</th>
+            <th style="text-align:center;width:250px;">地址</th>
+            <th style="text-align:center;width:100px;">工勘狀態</th>
+            <th style="text-align:center;width:140px;">下單日(普來特富)</th>
+            <th style="text-align:center;width:140px;">預計到廠日(觀音廠)</th>
+            <th style="text-align:center;width:140px;">實際到廠日(觀音廠)</th>
+            <th style="text-align:center;width:140px;">預計出貨日(到工地)</th>
+            <th style="text-align:center;width:100px;">營業確認</th>
+            <th style="text-align:center;width:100px;">設計確認</th>
+            <th style="text-align:center;width:100px;">工務確認</th>
+            <th style="text-align:center;width:120px;">生管(業務)確認</th>
         </tr>
     </thead>
     <tbody>
diff --git a/wms/wipwhole-index.php b/wms/wipwhole-index.php
index 0e95ce49..2822b43a 100644
--- a/wms/wipwhole-index.php
+++ b/wms/wipwhole-index.php
@@ -237,8 +237,20 @@ foreach ($dataArr as $key => $val) {
 // 結束連線
 mysqli_close($link);
 ?>
-<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
-<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+<link href="/wms/css/select2.min.css" rel="stylesheet" />
+<script src="/wms/css/select2.min.js"></script>
+<script src="/wms/css/dataTables.fixedColumns.min.js"></script>
+<style>
+    .dataTables_scrollHead .dataTable {
+        margin-bottom: -2px;
+    }
+    .dataTables_scrollBody .dataTable {
+        margin-bottom: 0;
+    }
+    table {
+        margin-left: 0px;
+    }
+</style>
 <script>
     var sheetNum = "<?php echo empty($_GET['sheetNum']) ? 'All' : $_GET['sheetNum']; ?>";
 
@@ -364,6 +376,9 @@ mysqli_close($link);
     }
 
     $('#table_index2,#table_index3,#table_index4,#table_index5,#table_index6,#table_index7').DataTable({
+            scrollX: true,
+            fixedHeader: true,
+            scrollY: 500,
             "language": {
                 "emptyTable": "無資料...",
                 "processing": "處理中...",
diff --git a/wms/wipwhole-renovate-index-table-html.php b/wms/wipwhole-renovate-index-table-html.php
index 88177497..c0518c49 100644
--- a/wms/wipwhole-renovate-index-table-html.php
+++ b/wms/wipwhole-renovate-index-table-html.php
@@ -11,21 +11,21 @@ $tableArr = array(
 <table id="<?php echo $tableArr[$key]; ?>" class="table table-striped table-bordered  dt-responsive nowrap" style="width:98.5%">
     <thead>
         <tr>
-            <th style="vertical-align: middle;text-align:center;">合約號</th>
-            <th style="vertical-align: middle;text-align:center;">汰改種類</th>
-            <th style="vertical-align: middle;text-align:center;">電梯編號</th>
-            <th style="vertical-align: middle;text-align:center;">客戶姓名</th>
-            <th style="vertical-align: middle;text-align:center;">規格</th>
-            <th style="vertical-align: middle;text-align:center;">地址</th>
-            <th style="vertical-align: middle;text-align:center;">工勘狀態</th>
-            <th style="vertical-align: middle;text-align:center;">下單日<br />(普來特富)</th>
-            <th style="vertical-align: middle;text-align:center;">預計到廠日<br />(觀音廠)</th>
-            <th style="vertical-align: middle;text-align:center;">實際到廠日<br />(觀音廠)</th>
-            <th style="vertical-align: middle;text-align:center;">預計出貨日<br />(到工地)</th>
-            <th style="vertical-align: middle;text-align:center;">工務確認</th>
-            <th style="vertical-align: middle;text-align:center;">營業/契約確認</th>
-            <th style="vertical-align: middle;text-align:center;">設計確認</th>
-            <th style="vertical-align: middle;text-align:center;">生管(業務)<br />確認</th>
+            <th style="text-align:center;width:150px;">合約號</th>
+            <th style="text-align:center;width:100px;">汰改種類</th>
+            <th style="text-align:center;width:150px;">電梯編號</th>
+            <th style="text-align:center;width:200px;">客戶姓名</th>
+            <th style="text-align:center;width:230px;">規格</th>
+            <th style="text-align:center;width:250px;">地址</th>
+            <th style="text-align:center;width:100px;">工勘狀態</th>
+            <th style="text-align:center;width:140px;">下單日(普來特富)</th>
+            <th style="text-align:center;width:140px;">預計到廠日(觀音廠)</th>
+            <th style="text-align:center;width:140px;">實際到廠日(觀音廠)</th>
+            <th style="text-align:center;width:140px;">預計出貨日(到工地)</th>
+            <th style="text-align:center;width:100px;">工務確認</th>
+            <th style="text-align:center;width:100px;">契約確認</th>
+            <th style="text-align:center;width:100px;">設計確認</th>
+            <th style="text-align:center;width:120px;">生管(業務)確認</th>
         </tr>
     </thead>
     <tbody>
diff --git a/wms/wipwhole-renovate-index.php b/wms/wipwhole-renovate-index.php
index af1e45bd..296e6155 100644
--- a/wms/wipwhole-renovate-index.php
+++ b/wms/wipwhole-renovate-index.php
@@ -235,9 +235,22 @@ foreach ($dataArr as $key => $val) {
 #結束連線
 mysqli_close($link);
 ?>
+<link href="/wms/css/select2.min.css" rel="stylesheet" />
+<script src="/wms/css/select2.min.js"></script>
+<script src="/wms/css/dataTables.fixedColumns.min.js"></script>
+<style>
+    .dataTables_scrollHead .dataTable {
+        margin-bottom: -2px;
+    }
+
+    .dataTables_scrollBody .dataTable {
+        margin-bottom: 0;
+    }
 
-<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
-<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+    table {
+        margin-left: 0px;
+    }
+</style>
 <script>
     var sheetNum = "<?php echo empty($_GET['sheetNum']) ? 'All' : $_GET['sheetNum']; ?>";
 
@@ -319,64 +332,9 @@ mysqli_close($link);
     }
 
     $('#table_index2,#table_index3,#table_index4,#table_index5,#table_index6,#table_index7').DataTable({
-        // columnDefs: [{
-        //     width: 100,
-        //     targets: 0
-        // },{
-        //     width: 100,
-        //     targets: 1
-        // },{
-        //     width: 100,
-        //     targets: 2
-        // },{
-        //     width: 200,
-        //     targets: 3
-        // },{
-        //     width: 230,
-        //     targets: 4
-        // },{
-        //     width: 250,
-        //     targets: 5
-        // },{
-        //     width: 100,
-        //     targets: 6
-        // }
-        // ,{
-        //     width: 100,
-        //     targets: 7
-        // }
-        // ,{
-        //     width: 100,
-        //     targets: 8
-        // }
-        // ,{
-        //     width: 100,
-        //     targets: 9
-        // }
-        // ,{
-        //     width: 100,
-        //     targets: 10
-        // }
-        // ,{
-        //     width: 100,
-        //     targets: 11
-        // }
-        // ,{
-        //     width: 100,
-        //     targets: 12
-        // }
-        // ,{
-        //     width: 100,
-        //     targets: 13
-        // }
-        // ,{
-        //     width: 100,
-        //     targets: 14
-        // }],
-        // fixedColumns: true,
-        // paging: false,
-        // scrollCollapse: true,
-        // scrollX: true,
+        scrollX: true,
+        fixedHeader: true,
+        scrollY: 500,
         "language": {
             "emptyTable": "無資料...",
             "processing": "處理中...",
diff --git a/wms/wipwholeinstall-index-table-html.php b/wms/wipwholeinstall-index-table-html.php
index e7dc2828..bb9ee0c9 100644
--- a/wms/wipwholeinstall-index-table-html.php
+++ b/wms/wipwholeinstall-index-table-html.php
@@ -1,25 +1,23 @@
 <table id="table_index2" class="table table-striped table-bordered" style="width:98.5%">
     <thead>
         <tr>
-            <!-- <th style="vertical-align: middle;text-align:center;">合約號</th> -->
-            <th style="vertical-align: middle;text-align:center;">電梯編號</th>
-            <th style="vertical-align: middle;text-align:center;">客戶姓名</th>
-            <th style="vertical-align: middle;text-align:center;">合約地址</th>
-            <th style="vertical-align: middle;text-align:center;">地工地址</th>
-            <th style="vertical-align: middle;text-align:center;">預計出貨日</th>
-            <!-- <th style="vertical-align: middle;text-align:center;">工勘狀態</th> -->
-            <th style="vertical-align: middle;text-align:center;">發包廠商(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">發包日期(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">預計開工日(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">實際開工日(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">預計完工日(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">實際完工日(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">QC日(品證)</th>
-            <th style="vertical-align: middle;text-align:center;">QC合格日(品證)</th>
-            <th style="vertical-align: middle;text-align:center;">官檢日(品證)</th>
-            <th style="vertical-align: middle;text-align:center;">移交日(營業)</th>
-            <th style="vertical-align: middle;text-align:center;">營業人員</th>
-            <th style="vertical-align: middle;text-align:center;">編輯</th>
+            <th style="vertical-align: middle;text-align:center;width:150px;">電梯編號</th>
+            <th style="vertical-align: middle;text-align:center;width:150px;">客戶姓名</th>
+            <th style="vertical-align: middle;text-align:center;width:250px;">合約地址</th>
+            <th style="vertical-align: middle;text-align:center;width:250px;">地工地址</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">預計出貨日</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">發包廠商(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">發包日期(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">預計開工日(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">實際開工日(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">預計完工日(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">實際完工日(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">QC日(品證)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">QC合格日(品證)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">官檢日(品證)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">移交日(營業)</th>
+            <th style="vertical-align: middle;text-align:center;width:120px;">營業人員</th>
+            <th style="vertical-align: middle;text-align:center;width:120px;">編輯</th>
         </tr>
     </thead>
     <tbody>
diff --git a/wms/wipwholeinstall-index.php b/wms/wipwholeinstall-index.php
index 1efd6eb8..b7c2377a 100644
--- a/wms/wipwholeinstall-index.php
+++ b/wms/wipwholeinstall-index.php
@@ -177,10 +177,23 @@ foreach ($dataArr as $key => $val) {
 // 結束連線
 mysqli_close($link);
 ?>
-<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
-<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
-<script>
+<link href="/wms/css/select2.min.css" rel="stylesheet" />
+<script src="/wms/css/select2.min.js"></script>
+<script src="/wms/css/dataTables.fixedColumns.min.js"></script>
+<style>
+    .dataTables_scrollHead .dataTable {
+        margin-bottom: -2px;
+    }
+
+    .dataTables_scrollBody .dataTable {
+        margin-bottom: 0;
+    }
 
+    table {
+        margin-left: 0px;
+    }
+</style>
+<script>
     // 設定 select2 (下拉式選單)
     $(document).ready(function() {
         $('#site_survey_contact_verify').select2();
@@ -250,6 +263,9 @@ mysqli_close($link);
 
     // 設置 datatable.js
     $('#table_index2').DataTable({
+            scrollX: true,
+            fixedHeader: true,
+            scrollY: 500,
             "language": {
                 "emptyTable": "無資料...",
                 "processing": "處理中...",
@@ -320,10 +336,10 @@ mysqli_close($link);
         showNum = table.page.len();
         nowPage = table.page.info().page + 1;
         searchContent = table.search();
-        window.location.href = "<?php echo "wipwholeinstall-index.php?function_name=wipinstallrenovate&$token_link"; ?>" 
-        + "&showNum=" + showNum + "&nowPage=" + nowPage + "&searchContent=" + searchContent
-        + "&contractno=" + contractno + "&facilityno=" + facilityno + "&custom=" + custom
-        + "&site_survey_contact_verify=" + site_survey_contact_verify + "&real_arrival_date_start=" + real_arrival_date_start 
-        + "&real_arrival_date_end=" + real_arrival_date_end + "&area_no=" + area_no;
+        window.location.href = "<?php echo "wipwholeinstall-index.php?function_name=wipinstallrenovate&$token_link"; ?>" +
+            "&showNum=" + showNum + "&nowPage=" + nowPage + "&searchContent=" + searchContent +
+            "&contractno=" + contractno + "&facilityno=" + facilityno + "&custom=" + custom +
+            "&site_survey_contact_verify=" + site_survey_contact_verify + "&real_arrival_date_start=" + real_arrival_date_start +
+            "&real_arrival_date_end=" + real_arrival_date_end + "&area_no=" + area_no;
     }
 </script>
\ No newline at end of file
diff --git a/wms/wipwholeinstall-renovate-index-table-html.php b/wms/wipwholeinstall-renovate-index-table-html.php
index b44ea48b..6de246ce 100644
--- a/wms/wipwholeinstall-renovate-index-table-html.php
+++ b/wms/wipwholeinstall-renovate-index-table-html.php
@@ -2,24 +2,23 @@
     <thead>
         <tr>
             <th style="vertical-align: middle;text-align:center;width:70px;"><span id="th_1">汰改<br />種類</span></th>
-            <th style="vertical-align: middle;text-align:center;">電梯編號</th>
-            <th style="vertical-align: middle;text-align:center;">客戶姓名</th>
-            <th style="vertical-align: middle;text-align:center;">合約地址</th>
-            <th style="vertical-align: middle;text-align:center;">地工地址</th>
-            <th style="vertical-align: middle;text-align:center;">預計出貨日</th>
-            <!-- <th style="vertical-align: middle;text-align:center;">工勘狀態</th> -->
-            <th style="vertical-align: middle;text-align:center;">發包廠商(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">發包日期(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">預計開工日(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">實際開工日(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">預計完工日(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">實際完工日(工勘)</th>
-            <th style="vertical-align: middle;text-align:center;">QC日(品證)</th>
-            <th style="vertical-align: middle;text-align:center;">QC合格日(品證)</th>
-            <th style="vertical-align: middle;text-align:center;">官檢日(品證)</th>
-            <th style="vertical-align: middle;text-align:center;">移交日(營業)</th>
-            <th style="vertical-align: middle;text-align:center;">營業人員</th>
-            <th style="vertical-align: middle;text-align:center;">編輯</th>
+            <th style="vertical-align: middle;text-align:center;width:150px;">電梯編號</th>
+            <th style="vertical-align: middle;text-align:center;width:150px;">客戶姓名</th>
+            <th style="vertical-align: middle;text-align:center;width:250px;">合約地址</th>
+            <th style="vertical-align: middle;text-align:center;width:250px;">地工地址</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">預計出貨日</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">發包廠商(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">發包日期(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">預計開工日(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">實際開工日(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">預計完工日(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">實際完工日(工勘)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">QC日(品證)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">QC合格日(品證)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">官檢日(品證)</th>
+            <th style="vertical-align: middle;text-align:center;width:140px;">移交日(營業)</th>
+            <th style="vertical-align: middle;text-align:center;width:120px;">營業人員</th>
+            <th style="vertical-align: middle;text-align:center;width:120px;">編輯</th>
         </tr>
     </thead>
     <tbody>
diff --git a/wms/wipwholeinstall-renovate-index.php b/wms/wipwholeinstall-renovate-index.php
index ccbd9fd6..80b675a5 100644
--- a/wms/wipwholeinstall-renovate-index.php
+++ b/wms/wipwholeinstall-renovate-index.php
@@ -177,8 +177,22 @@ foreach ($dataArr as $key => $val) {
 // 結束連線
 mysqli_close($link);
 ?>
-<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
-<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+<link href="/wms/css/select2.min.css" rel="stylesheet" />
+<script src="/wms/css/select2.min.js"></script>
+<script src="/wms/css/dataTables.fixedColumns.min.js"></script>
+<style>
+    .dataTables_scrollHead .dataTable {
+        margin-bottom: -2px;
+    }
+
+    .dataTables_scrollBody .dataTable {
+        margin-bottom: 0;
+    }
+
+    table {
+        margin-left: 0px;
+    }
+</style>
 <script>
     $(document).ready(function() {
         $('#site_survey_contact_verify').select2();
@@ -244,35 +258,9 @@ mysqli_close($link);
     }
 
     $('#table_index2,#table_index3,#table_index4,#table_index5,#table_index6,#table_index7').DataTable({
-            // "columns": [
-            //     {"width": "10"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            //     {"width": "5.5%"},
-            // ],
-            // columnDefs: [{
-            //     width: 200,
-            //     targets: 0
-            // }],
-            // fixedColumns: true,
-            // paging: false,
-            // scrollCollapse: true,
-            // scrollX: true,
-            // scrollY: 300,
+            scrollX: true,
+            fixedHeader: true,
+            scrollY: 500,
             "language": {
                 "emptyTable": "無資料...",
                 "processing": "處理中...",