浏览代码

Add examples and extensions.

zhixin 11 年之前
父节点
当前提交
6de80b0af8
共有 4 个文件被更改,包括 53 次插入1 次删除
  1. 5 0
      docs/_includes/examples/card-view.md
  2. 15 0
      docs/_includes/examples/columns.md
  3. 28 0
      docs/_includes/extensions/editable.md
  4. 5 1
      docs/examples.md

+ 5 - 0
docs/_includes/examples/card-view.md

@@ -0,0 +1,5 @@
+# Card View []({{ site.repo }}/blob/master/docs/_includes/examples/card-view.md)
+
+Use `cardView: true` option to show Card View. _by [@wenzhixin](https://github.com/wenzhixin)_
+
+<iframe width="100%" height="300" src="http://jsfiddle.net/wenyi/e3nk137y/27/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 15 - 0
docs/_includes/examples/columns.md

@@ -0,0 +1,15 @@
+# Columns []({{ site.repo }}/blob/master/docs/_includes/examples/columns.md)
+
+---
+
+## Basic Columns
+
+Use `showColumns`, `minimumCountColumns` options, and `visible`, `switchable` column options to show the columns menu list use to switch. _by [@wenzhixin](https://github.com/wenzhixin)_
+
+<iframe width="100%" height="300" src="http://jsfiddle.net/wenyi/e3nk137y/24/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+
+## Large Columns
+
+Bootstrap table support large columns, it will auto to show the horizontal scroll bar. _by [@wenzhixin](https://github.com/wenzhixin)_
+
+<iframe width="100%" height="350" src="http://jsfiddle.net/wenyi/e3nk137y/26/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 28 - 0
docs/_includes/extensions/editable.md

@@ -0,0 +1,28 @@
+# Editable []({{ site.repo }}/blob/master/docs/_includes/extensions/editable.md)
+
+---
+
+Use Plugin:
+
+* [x-editable](https://github.com/vitalets/x-editable)
+* [bootstrap-table-editable.js](https://github.com/wenzhixin/bootstrap-table/tree/master/src/extensions/editable)
+
+## Editable Options
+
+### editable
+
+* type: Boolean
+* description: Set false to disabled editable of all columns.
+* default: `true`
+
+## Editable Column options
+
+### editable
+
+* type: Object
+* description: Configuration of x-editable. Full list of options: http://vitalets.github.io/x-editable/docs.html#editable
+* default: `undefined`
+
+## Editable Examples
+
+<iframe width="100%" height="300" src="http://jsfiddle.net/wenyi/e3nk137y/28/embedded/html,js,resources,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 5 - 1
docs/examples.md

@@ -17,4 +17,8 @@ lead: "The examples of bootstrap table."
 
 {% markdown examples/format.md %}
 
-{% markdown examples/hide-header.md %}
+{% markdown examples/hide-header.md %}
+
+{% markdown examples/columns.md %}
+
+{% markdown examples/card-view.md %}