Add Card View Table example.

docs/data4.json

@@ -0,0 +1,26 @@
+[
+    {
+        "name": "Multiple Select",
+        "license": "The MIT License",
+        "description": "A jQuery plugin to select multiple elements with checkboxes :)",
+        "url": "<a href='https://github.com/wenzhixin/multiple-select'>https://github.com/wenzhixin/multiple-select</a>"
+    },
+    {
+        "name": "Bootstrap Table",
+        "license": "The MIT License",
+        "description": "Bootstrap table displays data in a tabular format and offers rich support to radio, checkbox, sort, pagination and so on. ",
+        "url": "<a href='https://github.com/wenzhixin/bootstrap-table'>https://github.com/wenzhixin/bootstrap-table</a>"
+    },
+    {
+        "name": "Bootstrap Show Password",
+        "license": "The MIT License",
+        "description": "Show/hide password plugin for bootstrap.",
+        "url": "<a href='https://github.com/wenzhixin/bootstrap-show-password'>https://github.com/wenzhixin/bootstrap-show-password</a>"
+    },
+    {
+        "name": "Blog",
+        "license": "The MIT License",
+        "description": "My blog",
+        "url": "<a href='https://github.com/wenzhixin/blog'>https://github.com/wenzhixin/blog</a>"
+    }
+]

docs/examples.html

@@ -64,6 +64,7 @@
                     <li><a href="#format-table">Format Table</a></li>
                     <li><a href="#hide-header-table">Hide Header Table</a></li>
                     <li><a href="#show-columns-table">Show Columns Table</a></li>
+                    <li><a href="#card-view">Card View Table</a></li>
                     <li><a href="#radio-table">Radio Table</a></li>
                     <li><a href="#checkbox-table">Checkbox Table</a></li>
                     <li><a href="#pagination-table">Pagination Table</a></li>
@@ -288,6 +289,24 @@
                 <div class="highlight"><pre><code class="language-html"></code></pre></div>
             </div>
 
+            <div class="page-header">
+                <h1 id="card-view">Card View Table</h1>
+            </div>
+            <div class="bs-example">
+                <table data-toggle="table" data-url="data4.json" data-height="246" data-card-view="true">
+                    <thead>
+                    <tr>
+                        <th data-field="name">Name</th>
+                        <th data-field="license">License</th>
+                        <th data-field="description">Description</th>
+                        <th data-field="url">Url</th>
+                    </tr>
+                    </thead>
+                </table>
+            </div>
+            <div class="highlight"><pre><code class="language-html"></code></pre></div>
+        </div>
+
             <div>
                 <div class="page-header">
                     <h1 id="radio-table">Radio Table</h1>