diff --git a/app/controllers/universal_tables_controller.rb b/app/controllers/universal_tables_controller.rb
index a773d47..11e44ff 100644
--- a/app/controllers/universal_tables_controller.rb
+++ b/app/controllers/universal_tables_controller.rb
@@ -84,6 +84,8 @@ class UniversalTablesController < ApplicationController
 				title_class = title_class + "no-sort" if sort == "sort"
 				title_class = title_class + " no-search" if search == "hide"
 
+				col_class = 'col-md-4 col-xs-12'
+
 				col = {
 					"title" => tc.title,
 					"type" => tc.type,
@@ -93,7 +95,8 @@ class UniversalTablesController < ApplicationController
 					"sort" => sort,
 					"sort-class" => sort_class,
 					"sort-url" => sort_url,
-					"title-class" => title_class
+					"title-class" => title_class,
+					"col-class" => col_class
 				}
 				if tc.is_searchable
 					searchable_columns << col
diff --git a/modules/universal_table/index3.html.erb b/modules/universal_table/index3.html.erb
new file mode 100644
index 0000000..609bf0e
--- /dev/null
+++ b/modules/universal_table/index3.html.erb
@@ -0,0 +1,118 @@
+  <style>
+    .universal-dropdown-menu {
+      padding: 15px 18px;
+      white-space: nowrap;
+    }
+    .universal-th-text  {
+      padding: 8px 0 0 0;
+      display: inline;
+      margin-right: 5px;
+      color: #888;
+    }
+    .universal-dropdown {
+      display: inline-block;
+    }
+    a.universal-btn {
+      vertical-align: baseline;
+      color: #fff;
+    }
+    .universal-table-index {
+      border-collapse: collapse;
+      border: 1px solid #eee;
+      table-layout: fixed;
+      word-wrap: break-word;
+    }
+    .universal-table-index h3 {
+      float: left;
+      margin: 0;
+    }
+    .universal-table-index.table td{
+      padding: 15px 18px;
+    }
+    .universal-table-index thead th:last-child .dropdown-menu {
+      left: auto;
+      right: 0;
+    }
+    .universal-table-index tbody {
+       counter-reset: item;
+    }
+    .universal-th-icon {
+      border: 1px solid #eee;
+      padding: 5px 8px;
+      margin-right: 5px;
+      color: gray;
+      cursor: pointer;
+    }
+    .universal-th-text.no-sort.no-search {
+      position: relative;
+      top: -6px;
+    }
+    .image-preview {
+      width: 120px;
+    }
+  </style>
+  <form class="form-inline universal-form-inline" action="{{url}}" method="get">
+  <table class="table table-hover table-striped universal-table-index">
+    <div class="searchbtn">
+      <div class="ken-click">
+        <div class="searchbtn2 pull-right"><i class="fa-solid fa-magnifying-glass"></i>查詢</div>
+        <a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
+      </div>
+    </div>
+    <div class="searchbox">
+    <div class="theadsearch2">
+      <div class="row col-md-11 col-xs-12" data-list="searchable-columns" data-level="0">
+        <div class="{{col-class}}">
+          <a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
+          <div class="universal-th-text {{title-class}}">{{title}}</div>
+          <div class="dropdown universal-dropdown {{search}}">
+            <div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
+              <div class="form-group">
+                {{form-field}}
+                <input type="hidden" value="{{key}}" name="column" >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-1 col-xs-12 submit-btn-wrap">
+        <button class="btn btn-primary pull-right" type="submit" class="btn btn-default">Go</button>
+      </div>
+    </div>
+    </div>
+    <caption>
+      <h3>{{table-name}}</h3>
+    </caption>
+    <thead class="theadsearch">
+      <tr data-list="head-columns" data-level="0">
+        <th class="col-md-3">
+          <a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
+          <div class="universal-th-text {{title-class}}">{{title}}</div>
+          <div class="dropdown universal-dropdown {{search}}">
+            <button class="btn btn-md" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <i class="fa fa-search"></i>
+              <span class="caret"></span>
+            </button>
+            <div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
+              <form class="form-inline universal-form-inline" action="{{url}}" method="get">
+                <div class="form-group">
+                  {{form-field}}
+                  <input type="hidden" value="{{key}}" name="column" >
+                </div>
+                <button class="btn btn-primary" type="submit" class="btn btn-default">Go</button>
+              </form>
+            </div>
+          </div>
+        </th>
+      </tr>
+    </thead>
+    <tbody data-level="0" data-list="rows">
+      <tr data-level="1" data-list="columns">
+        <td>{{text}}</td>
+      </tr>
+    </tbody>
+  </table>
+  </form>
+  <div>{{total_entries}}</div>
+  <div>{{export_button}}</div>
+  {{pagination_goes_here}}
diff --git a/modules/universal_table/info.json b/modules/universal_table/info.json
index 6e23365..5194592 100644
--- a/modules/universal_table/info.json
+++ b/modules/universal_table/info.json
@@ -14,6 +14,14 @@
                 "zh_tw" : "2. 含序號表格列表",
                 "en" : "2. Index Table with serial number"
                 },
+            "thumbnail" : "thumb.png"
+        },
+        {
+            "filename" : "index3",
+            "name" : {
+                "zh_tw" : "3. 含序號表格列表 + 多欄位搜尋",
+                "en" : "3. Index Table with serial number + Multiple Field Search"
+                },
             "thumbnail" : "thumb.png",
             "default": true
         }