allocatr/public/assets/libs/bootstrap-table/src/extensions/click-edit-row

Table click-edit-row

Use Plugin: bootstrap-click-edit-row
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

<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:

<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>