增加index2含序號表格列表

modules/universal_table/index2.html.erb

@@ -0,0 +1,105 @@
+  <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-table-index tbody > tr > td:first-child:before {
+       content: counter(item);
+       counter-increment: item;
+    }
+
+    
+    .universal-table-index thead > tr > th:first-child:before {
+       content: "No.";
+    }
+
+    .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>
+  <table class="table table-hover table-striped universal-table-index">
+    <caption>
+      <h3>{{table-name}}</h3>
+      <a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
+    </caption>
+    <thead>
+      <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-sm" 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>
+  <div>{{total_entries}}</div>
+  <div>{{export_button}}</div>
+  {{pagination_goes_here}}
+<script>
+	$('.universal-table-index thead tr').prepend('<th></th>')
+	$('.universal-table-index tbody tr').prepend('<td></td>')
+</script>

modules/universal_table/info.json

@@ -3,10 +3,18 @@
         {
             "filename" : "index",
             "name" : {
-                "zh_tw" : "1. 列表",
-                "en" : "1. List"
+                "zh_tw" : "1. 單純表格列表",
+                "en" : "1. Pure index table"
+                },
+            "thumbnail" : "thumb.png"
+        }
+        {
+            "filename" : "index2",
+            "name" : {
+                "zh_tw" : "2. 含序號表格列表",
+                "en" : "2. Index Table with serial number"
                 },
             "thumbnail" : "thumb.png"
         }
     ]
-}
+}