diff --git a/CHANGELOG.md b/CHANGELOG.md
index bdb858f6..4a0fa479 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 - remove multiple space in language
 - Change Phone Number require OTP by @Focuslinkstech
 - Change burst Form
+- Delete Table Responsive, first Column Freeze
 
 ## 2024.2.20
 
diff --git a/ui/ui/bandwidth.tpl b/ui/ui/bandwidth.tpl
index 06abdfa1..d8e45e1f 100644
--- a/ui/ui/bandwidth.tpl
+++ b/ui/ui/bandwidth.tpl
@@ -24,7 +24,7 @@
 										</div>&nbsp;
 									</div>
 									<div class="table-responsive">
-                                        <table class="table table-bordered table-striped">
+                                        <table class="table table-bordered table-condensed table-striped table_mobile">
                                             <thead>
                                                 <tr>
                                                     <th>{Lang::T('Bandwidth Name')}</th>
diff --git a/ui/ui/customers.tpl b/ui/ui/customers.tpl
index 32812082..da48cbdb 100644
--- a/ui/ui/customers.tpl
+++ b/ui/ui/customers.tpl
@@ -32,7 +32,7 @@
                                 class="ion ion-android-add"> </i> {Lang::T('Add New Contact')}</a>
                     </div>&nbsp;
                 </div>
-                <div class="table-responsive">
+                <div class="table-responsive table_mobile">
                     <table class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
diff --git a/ui/ui/dashboard.tpl b/ui/ui/dashboard.tpl
index b1ba26c9..d58bfd6c 100644
--- a/ui/ui/dashboard.tpl
+++ b/ui/ui/dashboard.tpl
@@ -108,7 +108,7 @@
                 <div class="panel panel-primary mb20 panel-hovered project-stats table-responsive">
                     <div class="panel-heading">Vouchers Stock</div>
                     <div class="table-responsive">
-                        <table class="table">
+                        <table class="table table-condensed">
                             <thead>
                                 <tr>
                                     <th>{Lang::T('Plan Name')}</th>
@@ -139,20 +139,17 @@
             <div class="panel panel-warning mb20 panel-hovered project-stats table-responsive">
                 <div class="panel-heading">{Lang::T('User Expired, Today')}</div>
                 <div class="table-responsive">
-                    <table class="table">
+                    <table class="table table-condensed">
                         <thead>
                             <tr>
-                                <th>Id</th>
                                 <th>{Lang::T('Username')}</th>
                                 <th>{Lang::T('Created On')}</th>
                                 <th>{Lang::T('Expires On')}</th>
                             </tr>
                         </thead>
                         <tbody>
-                            {$no = 1}
                             {foreach $expire as $expired}
                                 <tr>
-                                    <td>{$no++}</td>
                                     <td><a href="{$_url}customers/viewu/{$expired['username']}">{$expired['username']}</a></td>
                                     <td>{Lang::dateAndTimeFormat($expired['recharged_on'],$expired['recharged_time'])}
                                     </td>
diff --git a/ui/ui/hotspot.tpl b/ui/ui/hotspot.tpl
index 51fae5b1..1026fe3d 100644
--- a/ui/ui/hotspot.tpl
+++ b/ui/ui/hotspot.tpl
@@ -45,13 +45,14 @@
                                 <th>{Lang::T('Routers')}</th>
                                 <th>{Lang::T('Expired IP Pool')}</th>
                                 <th>{Lang::T('Manage')}</th>
+                                <th>ID</th>
                             </tr>
                         </thead>
                         <tbody>
                             {foreach $d as $ds}
                                 <tr {if $ds['enabled'] != 1}class="danger" title="disabled"
                                 {elseif $ds['allow_purchase'] != 'yes'}class="warning" title="Customer can't purchase" {/if}>
-                                    <td>{$ds['name_plan']}</td>
+                                    <td class="headcol">{$ds['name_plan']}</td>
                                     <td>{$ds['typebp']}</td>
                                     <td>{$ds['name_bw']}</td>
                                     <td>{Lang::moneyFormat($ds['price'])}</td>
@@ -75,6 +76,7 @@
                                             onclick="return confirm('{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
+                                    <td>{$ds['id']}</td>
                                 </tr>
                             {/foreach}
                         </tbody>
diff --git a/ui/ui/pool.tpl b/ui/ui/pool.tpl
index da90b528..598b56be 100644
--- a/ui/ui/pool.tpl
+++ b/ui/ui/pool.tpl
@@ -36,18 +36,16 @@
                     <table class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
-                                <th>#</th>
                                 <th>{Lang::T('Name Pool')}</th>
                                 <th>{Lang::T('Range IP')}</th>
                                 <th>{Lang::T('Routers')}</th>
                                 <th>{Lang::T('Manage')}</th>
+                                <th>ID</th>
                             </tr>
                         </thead>
                         <tbody>
-                            {$no = 1}
                             {foreach $d as $ds}
                                 <tr>
-                                    <td align="center">{$no++}</td>
                                     <td>{$ds['pool_name']}</td>
                                     <td>{$ds['range_ip']}</td>
                                     <td>{$ds['routers']}</td>
@@ -57,6 +55,7 @@
                                             onclick="return confirm('{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
+                                    <td>{$ds['id']}</td>
                                 </tr>
                             {/foreach}
                         </tbody>
diff --git a/ui/ui/pppoe.tpl b/ui/ui/pppoe.tpl
index 12399793..fa943491 100644
--- a/ui/ui/pppoe.tpl
+++ b/ui/ui/pppoe.tpl
@@ -43,6 +43,7 @@
                                 <th>{Lang::T('Expired IP Pool')}</th>
                                 <th>{Lang::T('Routers')}</th>
                                 <th>{Lang::T('Manage')}</th>
+                                <th>ID</th>
                             </tr>
                         </thead>
                         <tbody>
@@ -70,6 +71,7 @@
                                             onclick="return confirm('{Lang::T('Delete')}?')" id="{$ds['id']}"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
+                                    <td>{$ds['id']}</td>
                                 </tr>
                             {/foreach}
                         </tbody>
diff --git a/ui/ui/radius-nas.tpl b/ui/ui/radius-nas.tpl
index d7c2b4b5..8e103246 100644
--- a/ui/ui/radius-nas.tpl
+++ b/ui/ui/radius-nas.tpl
@@ -31,7 +31,6 @@
                     <table class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
-                                <th>ID</th>
                                 <th>Name</th>
                                 <th>IP</th>
                                 <th>Type</th>
@@ -40,12 +39,12 @@
                                 <th>Community</th>
                                 <th>Routers</th>
                                 <th>{Lang::T('Manage')}</th>
+                                <th>ID</th>
                             </tr>
                         </thead>
                         <tbody>
                             {foreach $nas as $ds}
                                 <tr>
-                                    <td align="center">{$ds['id']}</td>
                                     <td>{$ds['shortname']}</td>
                                     <td>{$ds['nasname']}</td>
                                     <td>{$ds['type']}</td>
@@ -59,6 +58,7 @@
                                             onclick="return confirm('{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
+                                    <td align="center">{$ds['id']}</td>
                                 </tr>
                             {/foreach}
                         </tbody>
diff --git a/ui/ui/routers.tpl b/ui/ui/routers.tpl
index f34d820c..1c605554 100644
--- a/ui/ui/routers.tpl
+++ b/ui/ui/routers.tpl
@@ -31,19 +31,18 @@
                     <table class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
-                                <th>ID</th>
                                 <th>{Lang::T('Router Name')}</th>
                                 <th>{Lang::T('IP Address')}</th>
                                 <th>{Lang::T('Username')}</th>
                                 <th>{Lang::T('Description')}</th>
                                 <th>{Lang::T('Status')}</th>
                                 <th>{Lang::T('Manage')}</th>
+                                <th>ID</th>
                             </tr>
                         </thead>
                         <tbody>
                             {foreach $d as $ds}
                                 <tr {if $ds['enabled'] != 1}class="danger" title="disabled" {/if}>
-                                    <td>{$ds['id']}</td>
                                     <td>{$ds['name']}</td>
                                     <td>{$ds['ip_address']}</td>
                                     <td>{$ds['username']}</td>
@@ -56,6 +55,7 @@
                                             onclick="return confirm('{Lang::T('Delete')}?')"
                                             class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"></i></a>
                                     </td>
+                                    <td>{$ds['id']}</td>
                                 </tr>
                             {/foreach}
                         </tbody>
diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl
index 8ae2e739..f4400c86 100644
--- a/ui/ui/sections/header.tpl
+++ b/ui/ui/sections/header.tpl
@@ -41,19 +41,11 @@
             }
         }
 
-        @media only screen and (max-width: 40em) {
-            thead th:not(:first-child) {
-                display: none;
-            }
-
-            td,
-            th {
-                display: block;
-            }
-
-            td[data-th]:before {
-                content: attr(data-th);
-            }
+        th:first-child,
+        td:first-child {
+            position: sticky;
+            left: 0px;
+            background-color: #f9f9f9;
         }
 
 
diff --git a/ui/ui/user-activation-list.tpl b/ui/ui/user-activation-list.tpl
index 035d9afe..448d2361 100644
--- a/ui/ui/user-activation-list.tpl
+++ b/ui/ui/user-activation-list.tpl
@@ -7,7 +7,7 @@
             <div class="panel-heading">{Lang::T('List Activated Voucher')}</div>
             <div class="panel-body">
                 <div class="table-responsive">
-                    <table id="datatable" class="table table-bordered table-striped">
+                    <table id="datatable" class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
                                 <th>{Lang::T('Username')}</th>
diff --git a/ui/ui/user-orderHistory.tpl b/ui/ui/user-orderHistory.tpl
index c143cdae..78c87593 100644
--- a/ui/ui/user-orderHistory.tpl
+++ b/ui/ui/user-orderHistory.tpl
@@ -7,7 +7,7 @@
             <div class="panel-heading">{Lang::T('Order History')}</div>
             <div class="panel-body">
                 <div class="table-responsive">
-                    <table id="datatable" class="table table-bordered table-striped">
+                    <table id="datatable" class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
                                 <th>{Lang::T('Plan Name')}</th>
diff --git a/ui/ui/users.tpl b/ui/ui/users.tpl
index e5e6d6fd..1be58663 100644
--- a/ui/ui/users.tpl
+++ b/ui/ui/users.tpl
@@ -27,10 +27,9 @@
                     </div>&nbsp;
                 </div>
                 <div class="table-responsive">
-                    <table class="table table-bordered table-striped">
+                    <table class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
-                                <th>ID</th>
                                 <th>{Lang::T('Username')}</th>
                                 <th>{Lang::T('Full Name')}</th>
                                 <th>{Lang::T('Phone')}</th>
@@ -40,12 +39,12 @@
                                 <th>{Lang::T('Agent')}</th>
                                 <th>{Lang::T('Last Login')}</th>
                                 <th>{Lang::T('Manage')}</th>
+                                <th>ID</th>
                             </tr>
                         </thead>
                         <tbody>
                             {foreach $d as $ds}
                                 <tr {if $ds['status'] != 'Active'}class="danger"{/if}>
-                                    <td>{$ds['id']}</td>
                                     <td>{$ds['username']}</td>
                                     <td>{$ds['fullname']}</td>
                                     <td>{$ds['phone']}</td>
@@ -66,6 +65,7 @@
                                                 class="btn btn-danger btn-xs" onclick="return confirm('{Lang::T('Delete')}?')"><i class="glyphicon glyphicon-trash"></i></a>
                                         {/if}
                                     </td>
+                                    <td>{$ds['id']}</td>
                                 </tr>
                             {/foreach}
                         </tbody>
diff --git a/ui/ui/voucher.tpl b/ui/ui/voucher.tpl
index 7bbf2260..f24efaff 100644
--- a/ui/ui/voucher.tpl
+++ b/ui/ui/voucher.tpl
@@ -43,7 +43,7 @@
                     </div>&nbsp;
                 </div>
                 <div class="table-responsive">
-                    <table id="datatable" class="table table-bordered table-striped">
+                    <table id="datatable" class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
                                 <th>ID</th>