Add cardView example and update BootstrapTable properties

Author: wenzhixin

docs/content/documentation/table-options/index.md

@@ -84,7 +84,7 @@ False to hide the table header.
 
 By default this option is set to `true`.
 
-Example: [showHeader](/examples/showHeader/)
+Example: [showHeader](/examples/showheader/)
 
 <hr>
 
@@ -106,6 +106,8 @@ True to show card view table, for example mobile view.
 
 By default this option is set to `false`.
 
+Example: [cardView](/examples/cardview/)
+
 <hr>
 
 #### locale

docs/content/examples/cardView/index.md

@@ -0,0 +1,38 @@
+---
+title: cardView
+weight: 35
+---
+
+```html
+<div id="table">
+    <bootstrap-table :options="options"></bootstrap-table>
+</div>
+```
+
+```javascript
+new Vue({
+    el: '#table',
+    components: {
+        'bootstrap-table': BootstrapTable
+    },
+    data: {
+        options: {
+            cardView: true,
+            url: '/json/data0.json',
+            columns: [
+                {
+                    title: 'Item ID',
+                    field: 'id'
+                },
+                {
+                    field: 'name',
+                    title: 'Item Name'
+                }, {
+                    field: 'price',
+                    title: 'Item Price'
+                }
+            ]
+        }
+    }
+});
+```

src/BootstrapTable.vue

@@ -1250,9 +1250,9 @@ var BootstrapTable = {
     }
 };
 
-BootstrapTable.DEFAULTS = DEFAULTS;
-BootstrapTable.COLUMN_DEFAULTS = COLUMN_DEFAULTS;
-BootstrapTable.LOCALES = LOCALES;
+BootstrapTable.defaults = DEFAULTS;
+BootstrapTable.column_defaults = COLUMN_DEFAULTS;
+BootstrapTable.locales = LOCALES;
 
 module.exports = BootstrapTable;
 </script>