浏览代码

Update docs.

zhixin 10 年之前
父节点
当前提交
888a17e5e6
共有 47 个文件被更改,包括 35 次插入647 次删除
  1. 0 5
      docs/_i18n/en/examples/align.md
  2. 0 21
      docs/_i18n/en/examples/basic.md
  3. 0 5
      docs/_i18n/en/examples/card-view.md
  4. 0 15
      docs/_i18n/en/examples/columns.md
  5. 0 16
      docs/_i18n/en/examples/events.md
  6. 0 11
      docs/_i18n/en/examples/format.md
  7. 0 5
      docs/_i18n/en/examples/hide-header.md
  8. 0 23
      docs/_i18n/en/examples/methods.md
  9. 0 4
      docs/_i18n/en/examples/note.md
  10. 0 20
      docs/_i18n/en/examples/pagination.md
  11. 0 27
      docs/_i18n/en/examples/select.md
  12. 0 15
      docs/_i18n/en/examples/sort.md
  13. 0 21
      docs/_i18n/en/examples/style.md
  14. 0 15
      docs/_i18n/en/examples/toolbar.md
  15. 0 5
      docs/_i18n/es/examples/align.md
  16. 0 21
      docs/_i18n/es/examples/basic.md
  17. 0 5
      docs/_i18n/es/examples/card-view.md
  18. 0 15
      docs/_i18n/es/examples/columns.md
  19. 0 16
      docs/_i18n/es/examples/events.md
  20. 0 11
      docs/_i18n/es/examples/format.md
  21. 0 5
      docs/_i18n/es/examples/hide-header.md
  22. 0 23
      docs/_i18n/es/examples/methods.md
  23. 0 4
      docs/_i18n/es/examples/note.md
  24. 0 20
      docs/_i18n/es/examples/pagination.md
  25. 0 27
      docs/_i18n/es/examples/select.md
  26. 0 15
      docs/_i18n/es/examples/sort.md
  27. 0 21
      docs/_i18n/es/examples/style.md
  28. 0 15
      docs/_i18n/es/examples/toolbar.md
  29. 0 5
      docs/_i18n/zh-cn/examples/align.md
  30. 0 21
      docs/_i18n/zh-cn/examples/basic.md
  31. 0 5
      docs/_i18n/zh-cn/examples/card-view.md
  32. 0 15
      docs/_i18n/zh-cn/examples/columns.md
  33. 0 16
      docs/_i18n/zh-cn/examples/events.md
  34. 0 11
      docs/_i18n/zh-cn/examples/format.md
  35. 0 5
      docs/_i18n/zh-cn/examples/hide-header.md
  36. 0 23
      docs/_i18n/zh-cn/examples/methods.md
  37. 0 4
      docs/_i18n/zh-cn/examples/note.md
  38. 0 20
      docs/_i18n/zh-cn/examples/pagination.md
  39. 0 27
      docs/_i18n/zh-cn/examples/select.md
  40. 0 15
      docs/_i18n/zh-cn/examples/sort.md
  41. 0 21
      docs/_i18n/zh-cn/examples/style.md
  42. 0 15
      docs/_i18n/zh-cn/examples/toolbar.md
  43. 9 2
      docs/_includes/nav.html
  44. 1 1
      docs/_layouts/default.html
  45. 23 3
      docs/assets/js/common.js
  46. 1 1
      docs/data/extensions.json
  47. 1 31
      docs/examples.md

+ 0 - 5
docs/_i18n/en/examples/align.md

@@ -1,5 +0,0 @@
-# Align []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/align.md)
-
-Use `align`, `halign` and `valign` options to set the alignment of the columns and their header. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/17/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 21
docs/_i18n/en/examples/basic.md

@@ -1,21 +0,0 @@
-# Basic []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/basic.md)
-
----
-
-## Table from html
-
-Transform table from an existing, unformatted html table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/11/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Table from data
-
-Transform table from an existing data. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/13/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Table from url
-
-Transform table from an url. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/14/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 5
docs/_i18n/en/examples/card-view.md

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

+ 0 - 15
docs/_i18n/en/examples/columns.md

@@ -1,15 +0,0 @@
-# Columns []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/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" data-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" data-src="http://jsfiddle.net/wenyi/e3nk137y/26/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 16
docs/_i18n/en/examples/events.md

@@ -1,16 +0,0 @@
-# Events []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/events.md)
-
----
-
-## Basic Events
-
-Table events. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="500" data-src="http://jsfiddle.net/e3nk137y/2106/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Column Events
-
-Use `formatter`, `events` column option to define the custom events. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="500" data-src="http://jsfiddle.net/wenyi/e3nk137y/39/embedded/html,js,css,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-

+ 0 - 11
docs/_i18n/en/examples/format.md

@@ -1,11 +0,0 @@
-# Format []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/format.md)
-
-Use `formatter` column option to format the display of bootstrap table column. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/21/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-# Show current row count using Formatter []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/format.md)
-
-Use `formatter` column option to display the index of the current row. _by [@DominikAngerer](https://github.com/DominikAngerer)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/DominikAngerer/yx275pyd/2/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 5
docs/_i18n/en/examples/hide-header.md

@@ -1,5 +0,0 @@
-# Hide Header []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/hide-header.md)
-
-Use `showHeader: false` to hide the header of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/22/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 23
docs/_i18n/en/examples/methods.md

@@ -1,23 +0,0 @@
-# Methods []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/methods.md)
-
----
-
-## Reset View
-
-The table header does not adjust automatically, We need to call `resetView` method. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/40/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-
-<!--
-## Data Methods
-
-
-## Merge Cells
-
-
-## Check Methods
-
-
-## Column Methods
--->

+ 0 - 4
docs/_i18n/en/examples/note.md

@@ -1,4 +0,0 @@
-**Note:** All examples are based on [jsFiddle](http://jsfiddle.net/), you can add your great and representative examples by Edit on GitHub link.
-
----
-

+ 0 - 20
docs/_i18n/en/examples/pagination.md

@@ -1,20 +0,0 @@
-# Pagination []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/pagination.md)
-
----
-
-## Client Side
-
-The default side pagination of table is `client`. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="400" data-src="http://jsfiddle.net/wenyi/e3nk137y/42/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-
-## Server Side
-
-Use sidePagination: `server` option to define the server side pagination of table. _by [@mikepenz](https://github.com/mikepenz)_
-
-<iframe width="100%" height="400" data-src="http://jsfiddle.net/4r6g4cfu/3/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-Here's the server-side code.
-https://gist.github.com/mikepenz/06df1204cbb65b874cb5
- It's a quick and dirty api, just to showcase the usage.

+ 0 - 27
docs/_i18n/en/examples/select.md

@@ -1,27 +0,0 @@
-# Select []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/select.md)
-
----
-
-## Radio Select
-
-Use `clickToSelect`, `selectItemName` options and `radio` column option to show a radio select table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/29/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Checkbox Select
-
-Use `clickToSelect` option and `checkbox` column option to show a checkbox select table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/30/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Disabled Checkbox
-
-Use `checkboxHeader`, `checkboxEnable` options and `formatter` column option to disabled select input. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/31/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Single Checkbox
-
-Use `singleSelect` option to allow checkbox selecting only one row. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/32/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 15
docs/_i18n/en/examples/sort.md

@@ -1,15 +0,0 @@
-# Sort []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/sort.md)
-
----
-
-## Basic Sort
-
-Use `sortName`, `sortOrder`, `sortable` options, and `sortable`, `order` column options to set the basic sort of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/18/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Custom Sort
-
-Use `sorter` column option to define the custom sort of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/19/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 21
docs/_i18n/en/examples/style.md

@@ -1,21 +0,0 @@
-# Style []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/style.md)
-
----
-
-## Classes
-
-Use `height, classes, striped` options and `class, width` column options to set the styles of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/15/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## RowStyle
-
-Use `rowStyle` option to set the row style of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/16/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## CellStyle
-
-Use `cellStyle` column option to set the cell style of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/30sx4h3t/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 15
docs/_i18n/en/examples/toolbar.md

@@ -1,15 +0,0 @@
-# Toolbar []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/toolbar.md)
-
----
-
-## Basic Toolbar
-
-Use `search`, `showColumns`, `showRefresh`, `showToggle` options to show the basic toolbars. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/33/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Custom Toolbar
-
-Use `toolbar` option to define the custom toolbars. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/34/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 5
docs/_i18n/es/examples/align.md

@@ -1,5 +0,0 @@
-# Align []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/align.md)
-
-Use las opciones `align`, `halign` y `valign` para setear el alineamiento de las columnas respecto a su encabezado. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/17/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 21
docs/_i18n/es/examples/basic.md

@@ -1,21 +0,0 @@
-# Basic []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/basic.md)
-
----
-
-## Table from html
-
-Transforma una tabla html, sin formato. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/11/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Table from data
-
-Crea una tabla desde datos existentes. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/13/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Table from url
-
-Crea una tabla desde una url. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/14/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 5
docs/_i18n/es/examples/card-view.md

@@ -1,5 +0,0 @@
-# Card View []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/card-view.md)
-
-Use la opción `cardView: true` para mostrar la vista de tarjeta. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/27/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 15
docs/_i18n/es/examples/columns.md

@@ -1,15 +0,0 @@
-# Columns []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/columns.md)
-
----
-
-## Basic columns
-
-Use las opciones `showColumns`, `minimumCountColumns`, y las opciones de columna `visible`, `switchable` para mostrar el menú lisra para mostrar/ocular las columnas. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/24/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Large columns
-
-Bootstrap table soporta columnas grandes, se mostrará automáticamente el scroll horizontal. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="350" data-src="http://jsfiddle.net/wenyi/e3nk137y/26/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 16
docs/_i18n/es/examples/events.md

@@ -1,16 +0,0 @@
-# Events []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/events.md)
-
----
-
-## Basic events
-
-Eventos de la tabla. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="500" data-src="http://jsfiddle.net/wenyi/e3nk137y/36/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Column events
-
-Use las opciones de columna `formatter`, `events` para definir los eventos customizables. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="500" data-src="http://jsfiddle.net/wenyi/e3nk137y/39/embedded/html,js,css,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-

+ 0 - 11
docs/_i18n/es/examples/format.md

@@ -1,11 +0,0 @@
-# Format []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/format.md)
-
-Use la opción de columnas `formatter` para dar formato a la columna. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/21/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-# Show current row count using Formatter []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/format.md)
-
-Use la opción de columnas `formatter` para mostrar el índice de la fila seleccionada. _by [@DominikAngerer](https://github.com/DominikAngerer)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/DominikAngerer/yx275pyd/2/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 5
docs/_i18n/es/examples/hide-header.md

@@ -1,5 +0,0 @@
-# Hide Header []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/hide-header.md)
-
-Use la opción `showHeader: false` para ocultar el header de bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/22/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 23
docs/_i18n/es/examples/methods.md

@@ -1,23 +0,0 @@
-# Methods []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/methods.md)
-
----
-
-## Reset View
-
-El encabezado de la tabla no se ajusta automáticamente, se necesita llamar al método `resetView`. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/40/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-
-<!--
-## Data Methods
-
-
-## Merge Cells
-
-
-## Check Methods
-
-
-## Column Methods
--->

+ 0 - 4
docs/_i18n/es/examples/note.md

@@ -1,4 +0,0 @@
-**Note:** Todos los ejemplos están basados en [jsFiddle](http://jsfiddle.net/), usted puede agregar su ejemplo usando Edit on GitHub link.
-
----
-

+ 0 - 20
docs/_i18n/es/examples/pagination.md

@@ -1,20 +0,0 @@
-# Pagination []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/pagination.md)
-
----
-
-## Client Side
-
-La opción de paginación por defecto de la tabla es `client`. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="400" data-src="http://jsfiddle.net/wenyi/e3nk137y/42/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-
-## Server Side
-
-Use la opción sidePagination: `server` para definir la paginación de la tabla del lado del servidor. _by [@mikepenz](https://github.com/mikepenz)_
-
-<iframe width="100%" height="400" data-src="http://jsfiddle.net/4r6g4cfu/3/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-Aquí está el código de la paginación server-side.
-https://gist.github.com/mikepenz/06df1204cbb65b874cb5
- Es un api rápida, justo para saber cómo se usa y listo.

+ 0 - 27
docs/_i18n/es/examples/select.md

@@ -1,27 +0,0 @@
-# Select []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/select.md)
-
----
-
-## Radio Select
-
-Use las opciones `clickToSelect`, `selectItemName` y la opción de columna `radio` para mostra un radiobox en la tabla. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/29/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Checkbox Select
-
-Use la opción `clickToSelect` y la opción de columna `checkbox` para mostrar un checkbox en la tabla. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/30/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Disabled Checkbox
-
-Use las opciones `checkboxHeader`, `checkboxEnable` y la opción de columna `formatter` para deshabilitar el control. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/31/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Single Checkbox
-
-Use la opción `singleSelect` para permitir solo un checkbox marcado a la vez en la tabla. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/32/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 15
docs/_i18n/es/examples/sort.md

@@ -1,15 +0,0 @@
-# Sort []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/sort.md)
-
----
-
-## Basic Sort
-
-Use las opciones `sortName`, `sortOrder`, `sortable`, y las opciones de columna `sortable`, `order` para setear el ordenamiento básico de bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/18/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Custom Sort
-
-Use la opción de columna `sorter` para definir una ordenamiento customizable of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/19/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 21
docs/_i18n/es/examples/style.md

@@ -1,21 +0,0 @@
-# Style []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/style.md)
-
----
-
-## Classes
-
-Use las opciones `height, classes, striped` y las opciones de columna `class, width` para setear los estilos de bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/15/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## RowStyle
-
-Use la opción `rowStyle` para setear el estilo de la fila de bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/16/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## CellStyle
-
-Use la opción de columna `cellStyle` para setear el estilo de la celda de bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/30sx4h3t/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 15
docs/_i18n/es/examples/toolbar.md

@@ -1,15 +0,0 @@
-# Toolbar []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/toolbar.md)
-
----
-
-## Basic Toolbar
-
-Use las opciones `search`, `showColumns`, `showRefresh`, `showToggle` para mostrar una barra de herramientas básica. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/33/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Custom Toolbar
-
-Use la opción `toolbar` para definir una barra de herramientas customizada. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/34/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 5
docs/_i18n/zh-cn/examples/align.md

@@ -1,5 +0,0 @@
-# Align []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/align.md)
-
-Use `align`, `halign` and `valign` options to set the alignment of the columns and their header. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/17/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 21
docs/_i18n/zh-cn/examples/basic.md

@@ -1,21 +0,0 @@
-# Basic []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/basic.md)
-
----
-
-## Table from html
-
-Transform table from an existing, unformatted html table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/11/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Table from data
-
-Transform table from an existing data. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/13/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Table from url
-
-Transform table from an url. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/14/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 5
docs/_i18n/zh-cn/examples/card-view.md

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

+ 0 - 15
docs/_i18n/zh-cn/examples/columns.md

@@ -1,15 +0,0 @@
-# Columns []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/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" data-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" data-src="http://jsfiddle.net/wenyi/e3nk137y/26/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 16
docs/_i18n/zh-cn/examples/events.md

@@ -1,16 +0,0 @@
-# Events []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/events.md)
-
----
-
-## Basic Events
-
-Table events. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="500" data-src="http://jsfiddle.net/wenyi/e3nk137y/36/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Column Events
-
-Use `formatter`, `events` column option to define the custom events. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="500" data-src="http://jsfiddle.net/wenyi/e3nk137y/39/embedded/html,js,css,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-

+ 0 - 11
docs/_i18n/zh-cn/examples/format.md

@@ -1,11 +0,0 @@
-# Format []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/format.md)
-
-Use `formatter` column option to format the display of bootstrap table column. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/21/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-# Show current row count using Formatter []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/format.md)
-
-Use `formatter` column option to display the index of the current row. _by [@DominikAngerer](https://github.com/DominikAngerer)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/DominikAngerer/yx275pyd/2/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 5
docs/_i18n/zh-cn/examples/hide-header.md

@@ -1,5 +0,0 @@
-# Hide Header []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/hide-header.md)
-
-Use `showHeader: false` to hide the header of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/22/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 23
docs/_i18n/zh-cn/examples/methods.md

@@ -1,23 +0,0 @@
-# Methods []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/methods.md)
-
----
-
-## Reset View
-
-The table header does not adjust automatically, We need to call `resetView` method. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/40/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-
-<!--
-## Data Methods
-
-
-## Merge Cells
-
-
-## Check Methods
-
-
-## Column Methods
--->

+ 0 - 4
docs/_i18n/zh-cn/examples/note.md

@@ -1,4 +0,0 @@
-**Note:** All examples are based on [jsFiddle](http://jsfiddle.net/), you can add your great and representative examples by Edit on GitHub link.
-
----
-

+ 0 - 20
docs/_i18n/zh-cn/examples/pagination.md

@@ -1,20 +0,0 @@
-# Pagination []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/pagination.md)
-
----
-
-## Client Side
-
-The default side pagination of table is `client`. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="400" data-src="http://jsfiddle.net/wenyi/e3nk137y/42/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-
-## Server Side
-
-Use sidePagination: `server` option to define the server side pagination of table. _by [@mikepenz](https://github.com/mikepenz)_
-
-<iframe width="100%" height="400" data-src="http://jsfiddle.net/4r6g4cfu/3/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-Here's the server-side code.
-https://gist.github.com/mikepenz/06df1204cbb65b874cb5
- It's a quick and dirty api, just to showcase the usage.

+ 0 - 27
docs/_i18n/zh-cn/examples/select.md

@@ -1,27 +0,0 @@
-# Select []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/select.md)
-
----
-
-## Radio Select
-
-Use `clickToSelect`, `selectItemName` options and `radio` column option to show a radio select table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/29/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Checkbox Select
-
-Use `clickToSelect` option and `checkbox` column option to show a checkbox select table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/30/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Disabled Checkbox
-
-Use `checkboxHeader`, `checkboxEnable` options and `formatter` column option to disabled select input. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/31/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Single Checkbox
-
-Use `singleSelect` option to allow checkbox selecting only one row. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/32/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 15
docs/_i18n/zh-cn/examples/sort.md

@@ -1,15 +0,0 @@
-# Sort []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/sort.md)
-
----
-
-## Basic Sort
-
-Use `sortName`, `sortOrder`, `sortable` options, and `sortable`, `order` column options to set the basic sort of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/18/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Custom Sort
-
-Use `sorter` column option to define the custom sort of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/19/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 21
docs/_i18n/zh-cn/examples/style.md

@@ -1,21 +0,0 @@
-# Style []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/style.md)
-
----
-
-## Classes
-
-Use `height, classes, striped` options and `class, width` column options to set the styles of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/15/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## RowStyle
-
-Use `rowStyle` option to set the row style of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/16/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## CellStyle
-
-Use `cellStyle` column option to set the cell style of bootstrap table. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/30sx4h3t/embedded/html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 0 - 15
docs/_i18n/zh-cn/examples/toolbar.md

@@ -1,15 +0,0 @@
-# Toolbar []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/examples/toolbar.md)
-
----
-
-## Basic Toolbar
-
-Use `search`, `showColumns`, `showRefresh`, `showToggle` options to show the basic toolbars. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/33/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-
-## Custom Toolbar
-
-Use `toolbar` option to define the custom toolbars. _by [@wenzhixin](https://github.com/wenzhixin)_
-
-<iframe width="100%" height="300" data-src="http://jsfiddle.net/wenyi/e3nk137y/34/embedded/html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

+ 9 - 2
docs/_includes/nav.html

@@ -18,8 +18,15 @@
                 <li {% if page.slug == "documentation" %} class="active"{% endif %}>
                     <a href="{{ site.baseurl }}/documentation/">{% t pages.documentation.title %}</a>
                 </li>
-                <li>
-                    <a href="http://issues.wenzhixin.net.cn/bootstrap-table/" target="_blank">{% t pages.examples.title %}</a>
+                <li class="dropdown" {% if page.slug == "examples" %} class="active"{% endif %}>
+                    <a href="javascript:" data-toggle="dropdown">
+                        {% t pages.examples.title %}
+                        <span class="caret"></span>
+                    </a>
+                    <ul class="dropdown-menu">
+                        <li><a href="http://issues.wenzhixin.net.cn/bootstrap-table/" target="_blank">{% t pages.examples.title %}</a></li>
+                        <li><a href="{{ site.baseurl }}/examples/">jsFiddle Examples</a></li>
+                    </ul>
                 </li>
                 <li {% if page.slug == "extensions" %} class="active"{% endif %}>
                     <a href="{{ site.baseurl }}/extensions/">{% t pages.extensions.title %}</a>

+ 1 - 1
docs/_layouts/default.html

@@ -27,7 +27,7 @@
       <div class="row">
         <div class="col-md-{% if page.fullwidth == true %}12{% else %}9{% endif %}"
              role="main"
-             data-toggle="sidenav"
+             {% if page.slug != "examples" %}data-toggle="sidenav"{% endif %}
              data-container="#sidenav"
              data-hs="h1,h2"
              data-smart-id="true"

+ 23 - 3
docs/assets/js/common.js

@@ -22,9 +22,29 @@ $(function () {
     });
 
     // examples
-    $('iframe[data-src]').each(function () {
-        $(this).wrap('<div class="examples-parent"></div>').parent()
-            .append('<button class="examples-button btn btn-primary btn-lg"><i class="glyphicon glyphicon-fire"></i> Start Example</button>');
+    $('#examples').load('/wenzhixin/bootstrap-table/issues/1765 #issue-119870991 .comment-content', function () {
+        var $this = $(this);
+        $this.find('h1').each(function () {
+            $(this).after('<hr>');
+        });
+        $this.find('li').each(function () {
+            var $href = $(this).find('a[href^="http://jsfiddle.net"]');
+            var href = $href.attr('href');
+
+            href = href.replace(/\/$/, '');
+            $(this).append([
+                '<div class="examples-parent">',
+                '<iframe width="100%" height="300" data-src="',
+                href,
+                '/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>',
+                '<button class="examples-button btn btn-primary btn-lg">',
+                '<i class="glyphicon glyphicon-fire"></i>',
+                ' Start Example</button>',
+                '</div>',
+                '<hr>'
+            ].join(''));
+        });
+        $('[data-container="#sidenav"]').sideNav();
     });
     $(document).on('click', 'button.examples-button', function () {
         var $iframe = $(this).prev();

+ 1 - 1
docs/data/extensions.json

@@ -103,7 +103,7 @@
     },
     {
         "name": "Context Menu",
-        "version": "1.0.0",
+        "version": "1.1.4",
         "description": "Context menu support to wenzhixin bootstrap table",
         "url": "https://github.com/prograhammer/bootstrap-table-contextmenu",
         "example": "http://www.prograhammer.com/demos/bootstrap-table-contextmenu/",

+ 1 - 31
docs/examples.md

@@ -5,34 +5,4 @@ slug: examples
 lead: pages.examples.lead
 ---
 
-{% tf examples/note.md %}
-
-{% tf examples/basic.md %}
-
-{% tf examples/style.md %}
-
-{% tf examples/align.md %}
-
-{% tf examples/sort.md %}
-
-{% tf examples/format.md %}
-
-{% tf examples/hide-header.md %}
-
-{% tf examples/columns.md %}
-
-{% tf examples/card-view.md %}
-
-{% tf examples/select.md %}
-
-{% tf examples/toolbar.md %}
-
-{% tf examples/pagination.md %}
-
-{% tf examples/events.md %}
-
-{% tf examples/methods.md %}
-
-# More examples
-
-More examples: [https://github.com/wenzhixin/bootstrap-table-examples#examples-list](https://github.com/wenzhixin/bootstrap-table-examples#examples-list)
+<div id="examples">Loading...</div>