init commit
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
# Table click-edit-row
|
||||
|
||||
Use Plugin: [bootstrap-click-edit-row](https://github.com/wenzhixin/bootstrap-table/tree/develop/src/extensions/click-edit-row) </br>
|
||||
You must include the bootstrap-table-click-editable.css file in order to get the appropriate style.
|
||||
Ps. Used this plugin is better on table columns not more than five.
|
||||
|
||||
## Usage
|
||||
|
||||
```html
|
||||
<link rel="stylesheet" href="bootstrap-table-click-edit-row.css"></style>
|
||||
<script src="bootstrap-table-click-edit-row.js"></script>
|
||||
```
|
||||
|
||||
## Options
|
||||
|
||||
### editable
|
||||
|
||||
* type: input、select
|
||||
* default: `input`
|
||||
* description: Set select must setup `$.selectArray` for select options.
|
||||
* $.selectArray example: `$.selectArray= {price: [{idxNum: '$', name: '100'}, {idxNum: '$', name: '500'}, {idxNum: '$', name: '5000'}]}`, obj name must same as 'data-field' value.
|
||||
|
||||
All options can be defined via `data-editable-*` HTML attributes. Table wide options are used for every row but can be overridden:
|
||||
|
||||
````html
|
||||
<table id="my_table_id"
|
||||
data-url="data.json">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-field="id">ID</th>
|
||||
<th data-field="name" data-editable="input">Item Name</th>
|
||||
<th data-field="price" data-editable="select">Item Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
````
|
||||
Reference in New Issue
Block a user