Browse Source

Adding the es documentation

Dennis Hernández 11 years ago
parent
commit
b156920549

+ 16 - 0
docs/_i18n/es.yml

@@ -0,0 +1,16 @@
+pages:
+  getting_started:
+    title: "Empezando con Bootstrap-table"
+    lead: "Una visión de Bootstrap Table, cómo descargarlo y usarlo, templates básicos, y más."
+  examples:
+    title: "Ejemplos"
+    lead: "Los ejemplos de bootstrap table."
+  documentation:
+    title: "Documentación"
+    lead: "La documentación contiene las propiedades de las columnas, tablas, eventos, métodos, y mucho más."
+  extensions:
+    title: "Extensiones"
+    lead: "Las extensiones de bootstrap table."
+  faq:
+    title: "FAQ"
+    lead: "Preguntas frecuentes."

+ 179 - 0
docs/_i18n/es/documentation/column-options.md

@@ -0,0 +1,179 @@
+# Column options []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/documentation/column-options.md)
+
+---
+
+Las propiedades de la columna están definidas en `jQuery.fn.bootstrapTable.columnDefaults`.
+
+<table class="table"
+       data-toggle="table"
+       data-search="true"
+       data-show-toggle="true"
+       data-show-columns="true">
+    <thead>
+    <tr>
+        <th>Nombre</th>
+        <th>Atributo</th>
+        <th>Tipo</th>
+        <th>Valor por defecto</th>
+        <th>Descripción</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>radio</td>
+        <td>data-radio</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True para mostrar un radio. La columna con el radio tiene fijado el ancho.</td>
+    </tr>
+    <tr>
+        <td>checkbox</td>
+        <td>data-checkbox</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True para mostrar un checkbox. La columna con el checkbox tiene fijado el ancho.</td>
+    </tr>
+    <tr>
+        <td>field</td>
+        <td>data-field</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>El nombre del campo.</td>
+    </tr>
+    <tr>
+        <td>title</td>
+        <td>data-title</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>El título de la columna.</td>
+    </tr>
+    <tr>
+        <td>class</td>
+        <td>class / data-class</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>La clase CSS de la columna.</td>
+    </tr>
+    <tr>
+        <td>align</td>
+        <td>data-align</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>Indica cómo se alinea la columna. Se puede usar "left', 'right', 'center'.</td>
+    </tr>
+    <tr>
+        <td>halign</td>
+        <td>data-halign</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>Indicate how to align the table header. 'left', 'right', 'center' can be used.</td>
+    </tr>
+    <tr>
+        <td>valign</td>
+        <td>data-valign</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>Indicate how to align the cell data. 'top', 'middle', 'bottom' can be used.</td>
+    </tr>
+    <tr>
+        <td>width</td>
+        <td>data-width</td>
+        <td>Number</td>
+        <td>undefined</td>
+        <td>The width of column. If not defined, the width will auto expand to fit its contents.</td>
+    </tr>
+    <tr>
+        <td>sortable</td>
+        <td>data-sortable</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to allow the column can be sorted.
+        </td>
+    </tr>
+    <tr>
+        <td>order</td>
+        <td>data-order</td>
+        <td>String</td>
+        <td>'asc'</td>
+        <td>The default sort order, can only be 'asc' or 'desc'.</td>
+    </tr>
+    <tr>
+        <td>visible</td>
+        <td>data-visible</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>False to hide the columns item.</td>
+    </tr>
+    <tr>
+        <td>switchable</td>
+        <td>data-switchable</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>False to disable the switchable of columns item.</td>
+    </tr>
+    <tr>
+        <td>clickToSelect</td>
+        <td>data-click-to-select</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>True to select checkbox or radiobox when the column is clicked.</td>
+    </tr>
+    <tr>
+        <td>formatter</td>
+        <td>data-formatter</td>
+        <td>Function</td>
+        <td>undefined</td>
+        <td>
+        The cell formatter function, take three parameters: <br>
+        value: the field value. <br>
+        row: the row record data.<br>
+        index: the row index.</td>
+    </tr>
+    <tr>
+        <td>events</td>
+        <td>data-events</td>
+        <td>Object</td>
+        <td>undefined</td>
+        <td>
+        The cell events listener when you use formatter function, take three parameters: <br>
+        event: the jQuery event. <br>
+        value: the field value. <br>
+        row: the row record data.<br>
+        index: the row index.
+        </td>
+    </tr>
+    <tr>
+        <td>sorter</td>
+        <td>data-sorter</td>
+        <td>Function</td>
+        <td>undefined</td>
+        <td>
+        The custom field sort function that used to do local sorting, take two parameters: <br>
+        a: the first field value.<br>
+        b: the second field value.
+        </td>
+    </tr>
+    <tr>
+        <td>cellStyle</td>
+        <td>data-cell-style</td>
+        <td>Function</td>
+        <td>undefined</td>
+        <td>
+        The cell style formatter function, take three parameters: <br>
+        value: the field value.<br>
+        row: the row record data.<br>
+        index: the row index.<br>
+        Support classes or css.
+        </td>
+    </tr>
+    <tr>
+        <td>searchable</td>
+        <td>data-searchable</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>
+        True to search data for this column.
+        </td>
+    </tr>
+    </tbody>
+</table>

+ 134 - 0
docs/_i18n/es/documentation/events.md

@@ -0,0 +1,134 @@
+# Events []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/documentation/events.md)
+
+---
+
+<table class="table"
+       data-toggle="table"
+       data-search="true"
+       data-show-toggle="true"
+       data-show-columns="true">
+    <thead>
+    <tr>
+        <th>Option Event</th>
+        <th>jQuery Event</th>
+        <th>Parameter</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>onAll</td>
+        <td>all.bs.table</td>
+        <td>name, args</td>
+        <td>
+        Fires when all events trigger, the parameters contains: <br>
+        name: the event name, <br>
+        args: the event data.
+        </td>
+    </tr>
+    <tr>
+        <td>onClickRow</td>
+        <td>click-row.bs.table</td>
+        <td>row, $element</td>
+        <td>
+        Fires when user click a row, the parameters contains: <br>
+        row: the record corresponding to the clicked row, <br>
+        $element: the tr element.
+        </td>
+    </tr>
+    <tr>
+        <td>onDblClickRow</td>
+        <td>dbl-click-row.bs.table</td>
+        <td>row, $element</td>
+        <td>
+        Fires when user click a row, the parameters contains: <br>
+        row: the record corresponding to the clicked row, <br>
+        $element: the tr element.
+        </td>
+    </tr>
+    <tr>
+        <td>onSort</td>
+        <td>sort.bs.table</td>
+        <td>name, order</td>
+        <td>
+        Fires when user sort a column, the parameters contains: <br>
+        name: the sort column field name<br>
+        order: the sort column order.
+        </td>
+    </tr>
+    <tr>
+        <td>onCheck</td>
+        <td>check.bs.table</td>
+        <td>row</td>
+        <td>
+        Fires when user check a row, the parameters contains: <br>
+        row: the record corresponding to the clicked row.
+        </td>
+    </tr>
+    <tr>
+        <td>onUncheck</td>
+        <td>uncheck.bs.table</td>
+        <td>row</td>
+        <td>
+        Fires when user uncheck a row, the parameters contains: <br>
+        row: the record corresponding to the clicked row.
+        </td>
+    </tr>
+    <tr>
+        <td>onCheckAll</td>
+        <td>check-all.bs.table</td>
+        <td>none</td>
+        <td>Fires when user check all rows.</td>
+    </tr>
+    <tr>
+        <td>onUncheckAll</td>
+        <td>uncheck-all.bs.table</td>
+        <td>none</td>
+        <td>Fires when user uncheck all rows.</td>
+    </tr>
+    <tr>
+        <td>onLoadSuccess</td>
+        <td>load-success.bs.table</td>
+        <td>data</td>
+        <td>Fires when remote data is loaded
+            successfully.
+        </td>
+    </tr>
+    <tr>
+        <td>onLoadError</td>
+        <td>load-error.bs.table</td>
+        <td>status</td>
+        <td>Fires when some errors occur to load remote data.</td>
+    </tr>
+    <tr>
+        <td>onColumnSwitch</td>
+        <td>column-switch.bs.table</td>
+        <td>field, checked</td>
+        <td>Fires when switch the column visible.</td>
+    </tr>
+    <tr>
+        <td>onPageChange</td>
+        <td>page-change.bs.table</td>
+        <td>number, size</td>
+        <td>Fires when change the page number or page size.</td>
+    </tr>
+    <tr>
+        <td>onSearch</td>
+        <td>search.bs.table</td>
+        <td>text</td>
+        <td>Fires when search the table.</td>
+    </tr>
+    <tr>
+        <td>onPreBody</td>
+        <td>pre-body.bs.table</td>
+        <td>data</td>
+        <td>Fires before the table body is rendered</td>
+    </tr>
+    <tr>
+        <td>onPostBody</td>
+        <td>post-body.bs.table</td>
+        <td>none</td>
+        <td>Fires after the table body is rendered and available in the DOM</td>
+    </tr>
+    </tbody>
+</table>

+ 59 - 0
docs/_i18n/es/documentation/localizations.md

@@ -0,0 +1,59 @@
+# Localizations []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/documentation/localizations.md)
+
+---
+
+<table class="table"
+       data-toggle="table"
+       data-search="true"
+       data-show-toggle="true"
+       data-show-columns="true">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Parameter</th>
+        <th>Default</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>formatLoadingMessage</td>
+        <td>-</td>
+        <td>'Loading, please wait…'</td>
+    </tr>
+    <tr>
+        <td>formatRecordsPerPage</td>
+        <td>pageNumber</td>
+        <td>'%s records per page'</td>
+    </tr>
+    <tr>
+        <td>formatShowingRows</td>
+        <td>pageFrom, pageTo, totalRows</td>
+        <td>'Showing %s to %s of %s rows'</td>
+    </tr>
+    <tr>
+        <td>formatSearch</td>
+        <td>-</td>
+        <td>'Search'</td>
+    </tr>
+    <tr>
+        <td>formatNoMatches</td>
+        <td>-</td>
+        <td>'No matching records found'</td>
+    </tr>
+    <tr>
+        <td>formatRefresh</td>
+        <td>-</td>
+        <td>'Refresh'</td>
+    </tr>
+    <tr>
+        <td>formatToggle</td>
+        <td>-</td>
+        <td>'Toggle'</td>
+    </tr>
+    <tr>
+        <td>formatColumns</td>
+        <td>-</td>
+        <td>'Columns'</td>
+    </tr>
+    </tbody>
+</table>

+ 146 - 0
docs/_i18n/es/documentation/methods.md

@@ -0,0 +1,146 @@
+# Methods []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/documentation/methods.md)
+
+---
+
+The calling method syntax: `$('#table').bootstrapTable('method', parameter);`.
+
+<table class="table"
+       data-toggle="table"
+       data-search="true"
+       data-show-toggle="true"
+       data-show-columns="true">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Parameter</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>getSelections</td>
+        <td>none</td>
+        <td>Return all selected rows, when no record selected, am empty array will return.</td>
+    </tr>
+    <tr>
+        <td>getData</td>
+        <td>none</td>
+        <td>Get the loaded data of table.</td>
+    </tr>
+    <tr>
+        <td>load</td>
+        <td>data</td>
+        <td>Load the data to table, the old rows will be removed.</td>
+    </tr>
+    <tr>
+        <td>append</td>
+        <td>data</td>
+        <td>Append the data to table.</td>
+    </tr>
+    <tr>
+        <td>remove</td>
+        <td>params</td>
+        <td>
+        Remove data from table, the params contains two properties: <br>
+        field: the field name of remove rows. <br>
+        values: the array of values for rows which should be removed. <br>
+        Example: $('#myTable').bootstrapTable('remove', {field: 'id', values: ["73", "74"]})
+        </td>
+    </tr>
+    <tr>
+        <td>updateRow</td>
+        <td>params</td>
+        <td>
+        Update the specified row, the param contains following properties: <br>
+        index: the row index to be updated. <br>
+        row: the new row data.
+        </td>
+    </tr>
+    <tr>
+        <td>mergeCells</td>
+        <td>options</td>
+        <td>
+        Merge some cells to one cell, the options contains following properties: <br>
+        index: the row index. <br>
+        field: the field name.<br>
+        rowspan: the rowspan count to be merged. <br>
+        colspan: the colspan count to be merged.
+        </td>
+    </tr>
+    <tr>
+        <td>refresh</td>
+        <td>params</td>
+        <td>Refresh the remote server data, you can set <code>{silent: true}</code> to refresh the data silently, and set <code>{url: newUrl}</code> to change the url. To supply query params specific to this request, set <code>{query: {foo: 'bar'}}</code></td>
+    </tr>
+    <tr>
+        <td>showLoading</td>
+        <td>none</td>
+        <td>Show loading status.</td>
+    </tr>
+    <tr>
+        <td>hideLoading</td>
+        <td>none</td>
+        <td>Hide loading status.</td>
+    </tr>
+    <tr>
+        <td>checkAll</td>
+        <td>none</td>
+        <td>Check all current page rows.</td>
+    </tr>
+    <tr>
+        <td>uncheckAll</td>
+        <td>none</td>
+        <td>Uncheck all current page rows.</td>
+    </tr>
+    <tr>
+        <td>check</td>
+        <td>index</td>
+        <td>Check a row, the row index start with 0.</td>
+    </tr>
+    <tr>
+        <td>uncheck</td>
+        <td>index</td>
+        <td>Uncheck a row, the row index start with 0.</td>
+    </tr>
+    <tr>
+        <td>resetView</td>
+        <td>params</td>
+        <td>Reset the bootstrap table view, for example reset the table height.</td>
+    </tr>
+    <tr>
+        <td>destroy</td>
+        <td>none</td>
+        <td>Destroy the bootstrap table.</td>
+    </tr>
+    <tr>
+        <td>showColumn</td>
+        <td>field</td>
+        <td>Show the specified column.</td>
+    </tr>
+    <tr>
+        <td>hideColumn</td>
+        <td>field</td>
+        <td>Hide the specified column.</td>
+    </tr>
+    <tr>
+        <td>scrollTo</td>
+        <td>value</td>
+        <td>Scroll to the number value position, set 'bottom' means scroll to the bottom.</td>
+    </tr>
+    <tr>
+        <td>filterBy</td>
+        <td>params</td>
+        <td>(Can use only in client-side)Filter data in table, eg. you can filter <code>{age: 10}</code> to show the data only age is equal to 10.</td>
+    </tr>
+    <tr>
+        <td>prevPage</td>
+        <td>none</td>
+        <td>Go to previous page.</td>
+    </tr>
+    <tr>
+        <td>nextPage</td>
+        <td>none</td>
+        <td>Go to next page.</td>
+    </tr>
+    </tbody>
+</table>

+ 382 - 0
docs/_i18n/es/documentation/table-options.md

@@ -0,0 +1,382 @@
+# Table options []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/documentation/table-options.md)
+
+---
+
+The table options is defined in `jQuery.fn.bootstrapTable.defaults`.
+
+<table class="table"
+       data-toggle="table"
+       data-search="true"
+       data-show-toggle="true"
+       data-show-columns="true">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Attribute</th>
+        <th>Type</th>
+        <th>Default</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>-</td>
+        <td>data-toggle</td>
+        <td>String</td>
+        <td>'table'</td>
+        <td>Activate bootstrap table without writing JavaScript.</td>
+    </tr>
+    <tr>
+        <td>classes</td>
+        <td>data-classes</td>
+        <td>String</td>
+        <td>'table table-hover'</td>
+        <td>The class name of table.</td>
+    </tr>
+    <tr>
+        <td>height</td>
+        <td>data-height</td>
+        <td>Number</td>
+        <td>undefined</td>
+        <td>The height of table.</td>
+    </tr>
+    <tr>
+        <td>undefinedText</td>
+        <td>data-undefined-text</td>
+        <td>String</td>
+        <td>'-'</td>
+        <td>Defines the default undefined text.</td>
+    </tr>
+    <tr>
+        <td>striped</td>
+        <td>data-striped</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to stripe the rows.</td>
+    </tr>
+    <tr>
+        <td>sortName</td>
+        <td>data-sort-name</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>Defines which column can be sorted.</td>
+    </tr>
+    <tr>
+        <td>sortOrder</td>
+        <td>data-sort-order</td>
+        <td>String</td>
+        <td>'asc'</td>
+        <td>Defines the column sort order, can only be 'asc' or 'desc'.</td>
+    </tr>
+    <tr>
+        <td>iconsPrefix</td>
+        <td>data-icons-prefix</td>
+        <td>String</td>
+        <td>'glyphicon'</td>
+        <td>Defines icon set name ('glyphicon' or 'fa' for FontAwesome). By default 'glyphicon' is used. </td>
+    </tr>
+    <tr>
+        <td>icons</td>
+        <td>data-icons</td>
+        <td>Object</td>
+        <td>{<br/>
+        &nbsp;&nbsp;refresh: 'glyphicon-refresh icon-refresh',<br/>
+        &nbsp;&nbsp;toggle: 'glyphicon-list-alt icon-list-alt',<br/>
+        &nbsp;&nbsp;columns: 'glyphicon-th icon-th'<br/>
+        }</td>
+        <td>Defines icons that used for refresh, toggle and columns buttons</td>
+    </tr>
+    <tr>
+        <td>columns</td>
+        <td>-</td>
+        <td>Array</td>
+        <td>[]</td>
+        <td>The table columns config object, see column properties for more details.
+        </td>
+    </tr>
+    <tr>
+        <td>data</td>
+        <td>-</td>
+        <td>Array</td>
+        <td>[]</td>
+        <td>The data to be loaded.</td>
+    </tr>
+    <tr>
+        <td>method</td>
+        <td>data-method</td>
+        <td>String</td>
+        <td>'get'</td>
+        <td>The method type to request remote data.</td>
+    </tr>
+    <tr>
+        <td>url</td>
+        <td>data-url</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>A URL to request data from remote site.</td>
+    </tr>
+    <tr>
+        <td>cache</td>
+        <td>data-cache</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>False to disable caching of AJAX requests.</td>
+    </tr>
+    <tr>
+        <td>contentType</td>
+        <td>data-content-type</td>
+        <td>String</td>
+        <td>'application/json'</td>
+        <td>The contentType of request remote data.</td>
+    </tr>
+    <tr>
+        <td>dataType</td>
+        <td>data-data-type</td>
+        <td>String</td>
+        <td>'json'</td>
+        <td>The type of data that you are expecting back from the server.</td>
+    </tr>
+    <tr>
+        <td>ajaxOptions</td>
+        <td>data-ajax-options</td>
+        <td>Object</td>
+        <td>{}</td>
+        <td>Additional options for submit ajax request. List of values: <a href="http://api.jquery.com/jQuery.ajax">http://api.jquery.com/jQuery.ajax</a>.</td>
+    </tr>
+    <tr>
+        <td>queryParams</td>
+        <td>data-query-params</td>
+        <td>Function</td>
+        <td>function(params) {<br>return params;<br>}</td>
+        <td>
+        When requesting remote data, you can send additional parameters by modifying queryParams. 
+        If queryParamsType = 'limit', the params object contains: <br>
+        limit, offset, search, sort, order
+        Else, it contains: <br>
+        pageSize, pageNumber, searchText, sortName, sortOrder. <br>
+        Return false to stop request.
+        </td>
+    </tr>
+    <tr>
+        <td>queryParamsType</td>
+        <td>data-query-params-type</td>
+        <td>String</td>
+        <td>'limit'</td>
+        <td>Set 'limit' to send query params width RESTFul type.</td>
+    </tr>
+    <tr>
+        <td>responseHandler</td>
+        <td>data-response-handler</td>
+        <td>Function</td>
+        <td>function(res) {<br>return res;<br>}</td>
+        <td>
+        Before load remote data, handler the response data format, the parameters object contains: <br>
+        res: the response data.
+        </td>
+    </tr>
+    <tr>
+        <td>pagination</td>
+        <td>data-pagination</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to show a pagination toolbar on table bottom.</td>
+    </tr>
+    <tr>
+        <td>sidePagination</td>
+        <td>data-side-pagination</td>
+        <td>String</td>
+        <td>'client'</td>
+        <td>Defines the side pagination of table, can only be 'client' or 'server'.</td>
+    </tr>
+    <tr>
+        <td>pageNumber</td>
+        <td>data-page-number</td>
+        <td>Number</td>
+        <td>1</td>
+        <td>When set pagination property, initialize the page number.</td>
+    </tr>
+    <tr>
+        <td>pageSize</td>
+        <td>data-page-size</td>
+        <td>Number</td>
+        <td>10</td>
+        <td>When set pagination property, initialize the page size.</td>
+    </tr>
+    <tr>
+        <td>pageList</td>
+        <td>data-page-list</td>
+        <td>Array</td>
+        <td>[10, 25, 50, 100]</td>
+        <td>When set pagination property, initialize the page size selecting list.</td>
+    </tr>
+    <tr>
+        <td>selectItemName</td>
+        <td>data-select-item-name</td>
+        <td>String</td>
+        <td>'btSelectItem'</td>
+        <td>The name of radio or checkbox input.</td>
+    </tr>
+    <tr>
+        <td>smartDisplay</td>
+        <td>data-smart-display</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>True to display pagination or card view smartly.</td>
+    </tr>
+    <tr>
+        <td>search</td>
+        <td>data-search</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>Enable the search input.</td>
+    </tr>
+    <tr>
+        <td>searchTimeOut</td>
+        <td>data-search-time-out</td>
+        <td>Number</td>
+        <td>500</td>
+        <td>Set timeout for search fire.</td>
+    </tr>
+    <tr>
+        <td>showHeader</td>
+        <td>data-show-header</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>False to hide the table header.</td>
+    </tr>
+    <tr>
+        <td>showColumns</td>
+        <td>data-show-columns</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to show the columns drop down list.</td>
+    </tr>
+    <tr>
+        <td>showRefresh</td>
+        <td>data-show-refresh</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to show the refresh button.</td>
+    </tr>
+    <tr>
+        <td>showToggle</td>
+        <td>data-show-toggle</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to show the toggle button to toggle table / card view.
+        </td>
+    </tr>
+    <tr>
+        <td>minimumCountColumns</td>
+        <td>data-minimum-count-columns</td>
+        <td>Number</td>
+        <td>1</td>
+        <td>The minimum count columns to hide of the columns drop down list.
+        </td>
+    </tr>
+    <tr>
+        <td>idField</td>
+        <td>data-id-field</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>Indicate which field is an identity field.</td>
+    </tr>
+    <tr>
+        <td>cardView</td>
+        <td>data-card-view</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to show card view table, for example mobile view.</td>
+    </tr>
+    <tr>
+        <td>searchAlign</td>
+        <td>data-search-align</td>
+        <td>String</td>
+        <td>'right'</td>
+        <td>Indicate how to align the search input. 'left', 'right' can be used.</td>
+    </tr>
+    <tr>
+        <td>buttonsAlign</td>
+        <td>data-buttons-align</td>
+        <td>String</td>
+        <td>'right'</td>
+        <td>Indicate how to align the toolbar buttons. 'left', 'right' can be used.</td>
+    </tr>
+    <tr>
+        <td>toolbarAlign</td>
+        <td>data-toolbar-align</td>
+        <td>String</td>
+        <td>'left'</td>
+        <td>Indicate how to align the custom toolbar. 'left', 'right' can be used.</td>
+    </tr>
+    <tr>
+        <td>clickToSelect</td>
+        <td>data-click-to-select</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to select checkbox or radiobox when click rows.</td>
+    </tr>
+    <tr>
+        <td>singleSelect</td>
+        <td>data-single-select</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to allow checkbox selecting only one row.</td>
+    </tr>
+    <tr>
+        <td>toolbar</td>
+        <td>data-toolbar</td>
+        <td>String</td>
+        <td>undefined</td>
+        <td>
+        A jQuery selector that indicate the toolbar, for example:<br>
+        #toolbar, .toolbar.
+        </td>
+    </tr>
+    <tr>
+        <td>checkboxHeader</td>
+        <td>data-checkbox-header</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>False to hide check-all checkbox in header row.</td>
+    </tr>
+    <tr>
+        <td>maintainSelected</td>
+        <td>data-maintain-selected</td>
+        <td>Boolean</td>
+        <td>false</td>
+        <td>True to maintain selected rows on change page and search.</td>
+    </tr>
+    <tr>
+        <td>sortable</td>
+        <td>data-sortable</td>
+        <td>Boolean</td>
+        <td>true</td>
+        <td>False to disable sortable of all columns.</td>
+    </tr>
+    <tr>
+        <td>rowStyle</td>
+        <td>data-row-style</td>
+        <td>Function</td>
+        <td>{}</td>
+        <td>
+        The row style formatter function, take two parameters: <br>
+        row: the row record data.<br>
+        index: the row index.<br>
+        Support classes or css.
+        </td>
+    </tr>
+    <tr>
+        <td>rowAttributes</td>
+        <td>data-row-attributes</td>
+        <td>Function</td>
+        <td>{}</td>
+        <td>
+        The row attribute formatter function, take two parameters: <br>
+        row: the row record data.<br>
+        index: the row index.<br>
+        Support all custom attributes.
+        </td>
+    </tr>
+    </tbody>
+</table>

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

@@ -0,0 +1,5 @@
+# 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>

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

@@ -0,0 +1,21 @@
+# 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>

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

@@ -0,0 +1,5 @@
+# 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>

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

@@ -0,0 +1,15 @@
+# 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>

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

@@ -0,0 +1,16 @@
+# 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>
+

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

@@ -0,0 +1,11 @@
+# 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>

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

@@ -0,0 +1,5 @@
+# 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>

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

@@ -0,0 +1,23 @@
+# 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
+-->

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

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

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

@@ -0,0 +1,20 @@
+# 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.

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

@@ -0,0 +1,27 @@
+# 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>

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

@@ -0,0 +1,15 @@
+# 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>

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

@@ -0,0 +1,21 @@
+# 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>

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

@@ -0,0 +1,15 @@
+# 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>

+ 28 - 0
docs/_i18n/es/extensions/editable.md

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

+ 29 - 0
docs/_i18n/es/faq/faq.md

@@ -0,0 +1,29 @@
+# FAQ []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/faq/faq.md)
+
+---
+
+### When resize the window, the table header does not adjust automatically, how to solve it?
+
+When you set the `height` of bootstrap table, the `fixed header` feature is automatically enabled, that is what cause the problem, you need to listen the `resize` event of window and use the `resetView` method to solve this problem, code example:
+
+```js
+$(function () {
+    $('#tableId').bootstrapTable(); // init via javascript
+
+    $(window).resize(function () {
+        $('#tableId').bootstrapTable('resetView');
+    });
+});
+```
+
+---
+
+### How to better merge cells?
+
+For merged cells, when you do refresh, next page or switch columns to show, the merge cells will be unmerged. We can listen the events(on load success, on column switch, on page change and on search) to solve this problem, code example:
+
+```js
+$table.on('load-success.bs.table column-switch.bs.table page-change.bs.table search.bs.table', function () {
+    $table.bootstrapTable('mergeCells', {...});
+});
+```

+ 40 - 0
docs/_i18n/es/getting-started/download.md

@@ -0,0 +1,40 @@
+# Download []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/getting-started/download.md)
+
+---
+
+<p class="lead">
+Bootstrap table (currently v{{ site.current_version }}) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.
+</p>
+
+## Source code
+
+Source css, JavaScript, locales, and extensions, along with our docs.
+
+<a href="{{ site.master_zip }}" class="btn btn-lg btn-outline" role="button">Download source</a>
+
+## Clone or fork via GitHub
+
+<a href="{{ site.repo }}" class="btn btn-lg btn-outline" role="button">Via GitHub</a>
+
+## CDN
+
+The folks over at [CDNJS](http://www.cdnjs.com/libraries/bootstrap-table) or [bootcss](http://open.bootcss.com/bootstrap-table/) graciously provide CDN support for CSS and JavaScript of Bootstrap table. Just use these CDN links.
+
+```html
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/{{ site.current_version }}/bootstrap-table.min.css">
+
+<!-- Latest compiled and minified JavaScript -->
+<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/{{ site.current_version }}/bootstrap-table.min.js"></script>
+
+<!-- Latest compiled and minified Locales -->
+<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/{{ site.current_version }}/locale/bootstrap-table-zh-CN.min.js"></script>
+```
+
+## Bower
+
+Install and manage Bootstrap table's CSS, JavaScript, locales, and extensions using [Bower](http://bower.io/).
+
+```bash
+$ bower install bootstrap-table
+```

+ 38 - 0
docs/_i18n/es/getting-started/grunt.md

@@ -0,0 +1,38 @@
+# Compiling CSS and JavaScript []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/getting-started/grunt.md)
+
+---
+
+Bootstrap table uses [Grunt](http://gruntjs.com/) for its build system, with convenient methods for working with the framework. It's how we compile our code, run tests, and more.
+
+## Installing Grunt
+
+To install Grunt, you must **first** [download and install node.js](http://nodejs.org/download/) (which includes npm). npm stands for [node packaged modules](http://npmjs.org/) and is a way to manage development dependencies through node.js.
+
+Then, from the command line:
+
+1. Install `grunt-cli` globally with `npm install -g grunt-cli`.
+2. Navigate to the root `/bootstrap-table/` directory, then run `npm install`. npm will look at the `package.json` file and automatically install the necessary local dependencies listed there.
+
+When completed, you'll be able to run the various Grunt commands provided from the command line.
+
+## Available Grunt commands
+
+### `grunt dist` (Just compile CSS and JavaScript)
+
+Regenerates the `/dist/` directory with compiled and minified CSS and JavaScript files. As a Bootstrap user, this is normally the command you want.
+
+### `grunt test` (Run tests)
+
+Runs [JSHint](http://jshint.com/) to test our code.
+
+### `grunt docs` (Build & test the docs assets)
+
+Builds and tests CSS, JavaScript, and other assets which are used when running the documentation locally via `jekyll serve`.
+
+### `grunt` (Build absolutely everything and run tests)
+
+Compiles and minifies CSS and JavaScript, builds the documentation website, runs the HTML5 validator against the docs, regenerates the Customizer assets, and more. Requires [Jekyll](http://jekyllrb.com/docs/installation/).
+
+## Troubleshooting
+
+Should you encounter problems with installing dependencies or running Grunt commands, first delete the `/node_modules/` directory generated by npm. Then, rerun `npm install`.

+ 116 - 0
docs/_i18n/es/getting-started/usage.md

@@ -0,0 +1,116 @@
+# Usage []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/getting-started/usage.md)
+
+---
+
+Include Bootstrap library (if your project doesn't use it already) and `bootstrap-table.css` in the head tag your html document.
+
+```html
+<link rel="stylesheet" href="bootstrap.min.css">
+<link rel="stylesheet" href="bootstrap-table.css">
+```
+
+Include jQuery library, bootstrap library (if your project doesn't use it already) and `bootstrap-table.js` in the head tag or at the very bottom of your document, just before the closing body tag (usually recommended for better performance).
+
+```html
+<script src="jquery.min.js"></script>
+<script src="bootstrap.min.js"></script>
+<script src="bootstrap-table.js"></script>
+<-- put your locale files after bootstrap-table.js -->
+<script src="bootstrap-table-zh-CN.js"></script>
+```
+
+---
+
+The Bootstrap Table plugin displays data in a tabular format, via data attributes or JavaScript.
+
+## Via data attributes
+
+Activate bootstrap table without writing JavaScript. Set `data-toggle="table"` on a normal table.
+
+```html
+<table data-toggle="table">
+    <thead>
+        <tr>
+            <th>Item ID</th>
+            <th>Item Name</th>
+            <th>Item Price</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td>1</td>
+            <td>Item 1</td>
+            <td>$1</td>
+        </tr>
+        <tr>
+            <td>2</td>
+            <td>Item 2</td>
+            <td>$2</td>
+        </tr>
+    </tbody>
+</table>
+```
+
+We can also use remote url data by setting `data-url="data1.json"` on a normal table.
+
+```html
+<table data-toggle="table" data-url="data1.json">
+    <thead>
+        <tr>
+            <th data-field="id">Item ID</th>
+            <th data-field="name">Item Name</th>
+            <th data-field="price">Item Price</th>
+        </tr>
+    </thead>
+</table>
+```
+
+## Via JavaScript
+
+Call a bootstrap table with id table with JavaScript.
+
+```html
+<table id="table"></table>
+```
+
+```js
+$('#table').bootstrapTable({
+    columns: [{
+        field: 'id',
+        title: 'Item ID'
+    }, {
+        field: 'name',
+        title: 'Item Name'
+    }, {
+        field: 'price',
+        title: 'Item Price'
+    }],
+    data: [{
+        id: 1,
+        name: 'Item 1',
+        price: '$1'
+    }, {
+        id: 2,
+        name: 'Item 2',
+        price: '$2'
+    }]
+});
+```
+
+We can also use remote url data by setting `url: 'data1.json'`.
+
+```js
+$('#table').bootstrapTable({
+    url: 'data1.json',
+    columns: [{
+        field: 'id',
+        title: 'Item ID'
+    }, {
+        field: 'name',
+        title: 'Item Name'
+    }, {
+        field: 'price',
+        title: 'Item Price'
+    }, ]
+});
+```

+ 22 - 0
docs/_i18n/es/getting-started/whats-include.md

@@ -0,0 +1,22 @@
+# What's included []({{ site.repo }}/blob/master/docs/_i18n/{{ site.lang }}/getting-started/whats-include.md)
+
+---
+
+The Bootstrap table source code download includes the precompiled CSS, JavaScript, locales, extensions, and provides both compiled and minified variations, along with documentation. More specifically, it includes the following and more:
+
+```bash
+bootstrap-table/
+├── dist/
+│   ├── extensions/
+│   ├── locale/
+│   ├── bootstrap-table.min.css
+│   └── bootstrap-table.min.js
+├── docs/
+└── src/
+    ├── extensions/
+    ├── locale/
+    ├── bootstrap-table.css
+    └── bootstrap-table.js
+```
+
+The `src/`, `locale/`, and `extensions/` are the source code for our CSS, JS. The `dist/` folder includes everything compiled and minified with `src/`. The `docs/` folder includes the source code for our documentation. Beyond that, any other included file provides support for packages, license information, and development.