corrade-nucleus-nucleons
| /pack-rat/003_pack_rat/pack-rat/node_modules/bootstrap-table/src/extensions/click-edit-row/README.md |
|---|
| @@ -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> |
| ```` |