diff --git a/module/caselib/view/batchcreatecase.html.php b/module/caselib/view/batchcreatecase.html.php
index bfe069ad6c..8324c93b9a 100644
--- a/module/caselib/view/batchcreatecase.html.php
+++ b/module/caselib/view/batchcreatecase.html.php
@@ -24,14 +24,14 @@
     <table align='center' class='table table-form' id="tableBody">
       <thead>
         <tr class='text-center'>
-          <th class='w-50px'> <?php echo $lang->idAB;?></th>
-          <th class='w-180px'><?php echo $lang->testcase->module;?></th>
+          <th class='c-id'><?php echo $lang->idAB;?></th>
+          <th class='c-module'><?php echo $lang->testcase->module;?></th>
           <th class='required'><?php echo $lang->testcase->title;?></th>
-          <th class='w-100px required'><?php echo $lang->testcase->type;?></th>
-          <th class='w-80px'> <?php echo $lang->testcase->pri;?></th>
-          <th class='w-150px'><?php echo $lang->testcase->precondition;?></th>
-          <th class='w-100px'><?php echo $lang->testcase->keywords;?></th>
-          <th class='w-200px'><?php echo $lang->testcase->stage;?></th>
+          <th class='c-status required'><?php echo $lang->testcase->type;?></th>
+          <th class='c-status'><?php echo $lang->testcase->pri;?></th>
+          <th class='c-text'><?php echo $lang->testcase->precondition;?></th>
+          <th class='c-text'><?php echo $lang->testcase->keywords;?></th>
+          <th class='c-text'><?php echo $lang->testcase->stage;?></th>
         </tr>
       </thead>
       <tbody>
diff --git a/module/caselib/view/createcase.html.php b/module/caselib/view/createcase.html.php
index 3327fbf0f6..0e83d94e66 100644
--- a/module/caselib/view/createcase.html.php
+++ b/module/caselib/view/createcase.html.php
@@ -124,7 +124,7 @@
             <table class='table table-form mg-0 table-bordered' style='border: 1px solid #ddd'>
               <thead>
                 <tr>
-                  <th class='w-50px text-right'><?php echo $lang->testcase->stepID;?></th>
+                  <th class='c-id text-center'><?php echo $lang->testcase->stepID;?></th>
                   <th width="45%"><?php echo $lang->testcase->stepDesc;?></th>
                   <th><?php echo $lang->testcase->stepExpect;?></th>
                   <th class='step-actions'><?php echo $lang->actions;?></th>
diff --git a/module/caselib/view/exporttemplet.html.php b/module/caselib/view/exporttemplet.html.php
index 171189ac16..40ad296270 100644
--- a/module/caselib/view/exporttemplet.html.php
+++ b/module/caselib/view/exporttemplet.html.php
@@ -34,10 +34,10 @@ function closeWindow()
                 <?php echo html::input('num', '10', "class='form-control'");?>
               </div>
             </td>
-            <td class='w-100px'>
+            <td class='c-encode'>
               <?php echo html::select('encode', $config->charsets[$this->cookie->lang], 'utf-8', "class='form-control'");?>
             </td>
-            <td class="w-100px">
+            <td class="c-encode">
               <?php echo html::submitButton('', '', 'btn btn-primary btn-block');?>
             </td>
           </tr>
diff --git a/module/caselib/view/showimport.html.php b/module/caselib/view/showimport.html.php
index 1ca441c346..dc251576cb 100644
--- a/module/caselib/view/showimport.html.php
+++ b/module/caselib/view/showimport.html.php
@@ -28,15 +28,15 @@ $(function()
     <table class='table table-form' id='showData'>
       <thead>
         <tr>
-          <th class='w-70px'><?php echo $lang->testcase->id?></th>
+          <th class='c-number'><?php echo $lang->testcase->id?></th>
           <th><?php echo $lang->testcase->title?></th>
-          <th class='w-150px'><?php echo $lang->testcase->module?></th>
-          <th class='w-80px'><?php echo $lang->testcase->pri?></th>
-          <th class='w-130px'><?php echo $lang->testcase->type?></th>
+          <th class='c-module'><?php echo $lang->testcase->module?></th>
+          <th class='c-status'><?php echo $lang->testcase->pri?></th>
+          <th class='c-status'><?php echo $lang->testcase->type?></th>
           <th><?php echo $lang->testcase->stage?></th>
-          <th class='w-80px'><?php echo $lang->testcase->keywords?></th>
+          <th class='c-text'><?php echo $lang->testcase->keywords?></th>
           <th><?php echo $lang->testcase->precondition?></th>
-          <th class='w-300px col-content'>
+          <th class='c-case-step col-content'>
             <table class='w-p100 table-borderless'>
               <tr>
                 <th><?php echo $lang->testcase->stepDesc?></th>
diff --git a/module/install/view/step5.html.php b/module/install/view/step5.html.php
index 98ad769723..580de09650 100644
--- a/module/install/view/step5.html.php
+++ b/module/install/view/step5.html.php
@@ -47,8 +47,8 @@
       <form method='post' target='hiddenwin'>
         <table class='table table-form mw-400px' style='margin: 0 auto'>
           <tr>
-            <th class="<?php echo strpos($this->app->getClientLang(), 'zh') === false ? 'w-150px' : 'w-80px';?>"><?php echo $lang->install->company;?></th>
-            <td class="<?php echo strpos($this->app->getClientLang(), 'zh') === false ? 'w-350px' : 'w-300px';?>"><?php echo html::input('company', '', "class='form-control'");?></td>
+            <th class='c-company'><?php echo $lang->install->company;?></th>
+            <td class='c-company-value'><?php echo html::input('company', '', "class='form-control'");?></td>
           </tr>
           <tr class='hidden'>
             <th><?php echo $lang->install->working;?></th>
diff --git a/module/search/view/buildform.html.php b/module/search/view/buildform.html.php
index 7c8a1081cb..7b66722154 100644
--- a/module/search/view/buildform.html.php
+++ b/module/search/view/buildform.html.php
@@ -289,7 +289,7 @@ $(function()
     $('#toggle-queries').click(function()
     {
         $('#userQueries').toggleClass('hidden');
-        if(!$('#userQueries').hasClass('hidden')) 
+        if(!$('#userQueries').hasClass('hidden'))
         {
             $('#toggle-queries .icon').removeClass('icon-angle-left');
             $('#toggle-queries .icon').addClass('icon-angle-right');
diff --git a/module/webhook/view/browse.html.php b/module/webhook/view/browse.html.php
index e6056a9bfe..3450138f5f 100644
--- a/module/webhook/view/browse.html.php
+++ b/module/webhook/view/browse.html.php
@@ -18,9 +18,9 @@
       <thead>
         <tr>
           <?php $vars = "orderBy=%s&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}&pageID={$pager->pageID}";?>
-          <th class='w-60px'><?php common::printOrderLink('id', $orderBy, $vars, $lang->webhook->id);?></th>
-          <th class='w-120px'><?php common::printOrderLink('type', $orderBy, $vars, $lang->webhook->type);?></th>
-          <th class='w-200px text-left'><?php common::printOrderLink('name', $orderBy, $vars, $lang->webhook->name);?></th>
+          <th class='c-id text-center'><?php common::printOrderLink('id', $orderBy, $vars, $lang->webhook->id);?></th>
+          <th class='c-type'><?php common::printOrderLink('type', $orderBy, $vars, $lang->webhook->type);?></th>
+          <th class='c-name text-left'><?php common::printOrderLink('name', $orderBy, $vars, $lang->webhook->name);?></th>
           <th><?php common::printOrderLink('url', $orderBy, $vars, $lang->webhook->url);?></th>
           <th class='c-actions-4'><?php echo $lang->actions;?></th>
         </tr>
diff --git a/module/webhook/view/log.html.php b/module/webhook/view/log.html.php
index 6a7e62e751..a7ddaedc4e 100644
--- a/module/webhook/view/log.html.php
+++ b/module/webhook/view/log.html.php
@@ -30,12 +30,12 @@
     <thead>
       <tr>
         <?php $vars = "id={$webhook->id}&orderBy=%s&recTotal={$pager->recTotal}&recPerPage={$pager->recPerPage}&pageID={$pager->pageID}";?>
-        <th class='w-60px'><?php common::printOrderLink('id', $orderBy, $vars, $lang->webhook->id);?></th>
-        <th class='w-160px'><?php common::printOrderLink('date', $orderBy, $vars, $lang->webhook->date);?></th>
+        <th class='c-id text-center'><?php common::printOrderLink('id', $orderBy, $vars, $lang->webhook->id);?></th>
+        <th class='c-full-date'><?php common::printOrderLink('date', $orderBy, $vars, $lang->webhook->date);?></th>
         <th><?php common::printOrderLink('url', $orderBy, $vars, $lang->webhook->url);?></th>
-        <th class='w-300px'><?php common::printOrderLink('action', $orderBy, $vars, $lang->webhook->action);?></th>
-        <th class='w-200px'><?php common::printOrderLink('contentType', $orderBy, $vars, $lang->webhook->contentType);?></th>
-        <th class='w-200px'><?php  common::printOrderLink('result', $orderBy, $vars, $lang->webhook->result);?></th>
+        <th class='c-webhook-action'><?php common::printOrderLink('action', $orderBy, $vars, $lang->webhook->action);?></th>
+        <th class='c-type'><?php common::printOrderLink('contentType', $orderBy, $vars, $lang->webhook->contentType);?></th>
+        <th class='c-result'><?php common::printOrderLink('result', $orderBy, $vars, $lang->webhook->result);?></th>
       </tr>
     </thead>
     <tbody>
diff --git a/www/theme/default/style.css b/www/theme/default/style.css
index 3433b28a2e..1b1adf0c26 100644
--- a/www/theme/default/style.css
+++ b/www/theme/default/style.css
@@ -50,9 +50,10 @@ a.showMoreImage:hover {opacity: 1;}
 .create-list>li>a>.icon {left: 5px !important;}
 
 .c-icon {width: 20px;}
-.c-id {width: 70px;}
-.c-status {width: 100px;}
-.c-user {width: 100px;}
-.c-date {width: 100px;}
-.c-full-date {width: 150px;}
+.c-number {width: 70px;}
+.c-company {width: 80px;}
+.c-status, .c-user, .c-date, .c-encode {width: 100px;}
+.c-full-date, .c-text {width: 150px;}
+.c-module {width: 180px;}
 .c-object {width: 250px;}
+.c-case-step {width: 300px;}