1 files changed, 48 insertions, 0 deletions
diff --git a/common/src/main/webapp/usage guide/browser/templates/table.html b/common/src/main/webapp/usage guide/browser/templates/table.html
new file mode 100644
index 00000000..592b66d5
--- /dev/null
+++ b/common/src/main/webapp/usage guide/browser/templates/table.html
@@ -0,0 +1,48 @@
+<!--
+
+    Copyright 2016-2017, Huawei Technologies Co., Ltd.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+
+-->
+
+<div class="container col-sm-12 col-md-12 col-lg-12">
+    <h4>{{message}}</h4>
+
+    <div id="tableArea" class="container col-sm-12 col-md-12 col-lg-12" ng-init="init()">
+
+        <h3 class="col-sm-12 col-md-12 col-lg-12">Basic Table<span> (with hover)</span></h3>
+        <div id="basictableArea" class="col-sm-12 col-md-12 col-lg-12"></div>
+
+        <h3 class="col-sm-12 col-md-12 col-lg-12">Stripped Table<span> (Condensed & with border)</span></h3>
+        <div id="strippedtableArea" class="col-sm-12 col-md-12 col-lg-12"></div>
+
+        <h3 class="col-sm-12 col-md-12 col-lg-12">Search Table</h3>
+        <div id="condensedtableArea" class="col-sm-12 col-md-12 col-lg-12">
+            <table ng-table="tableParams" class="table table-bordered table-striped customtable" show-filter="true">
+                <tr ng-repeat="siteData in $data">
+                    <td title="'Country'" filter="{ countryName: 'text'}" sortable="'countryName'">
+                        {{siteData.countryName}}
+                    </td>
+                    <td title="'Language'" filter="{ type: 'text'}" sortable="'type'">
+                        {{siteData.language}}
+                    </td>
+                </tr>
+            </table>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-12 col-lg-12 shortnote">
+        <div class="shortnoteHeader">Usage</div>
+        <div class="shortnoteText">{{tableTipData}}</div>
+    </div>
+</div>