How do I add an edit button to each row about bootstrap-table HOT 4 CLOSED

Hi Matt,

You can use the formatter option or data-formatter attribute, for example:

<table id="table-format" data-toggle="table" data-url="data1.json" data-height="246">
    <thead>
    <tr>
        <th data-field="id">Item ID</th>
        <th data-field="name">Item Name</th>
        <th data-field="price" data-formatter="yourFormatter">Item Price</th>
    </tr>
    </thead>
</table>
<script>
    function yourFormatter(value) {
        return '<button>edit</button>';
    }
</script>

Hope to help you.

from bootstrap-table.

thanks for this

from bootstrap-table.

@wenzhixin sorry for opening this, but how can you get the "id" or uniqueid data-field value from this formatter ?

from bootstrap-table.

@suwidadi you can set the last <th data-field="id", then at the js function yourFormatter(value) , the value will be the unique id. for example:

 <th data-field="id" data-formatter="yourFormatter">Item Price</th>

{{ <script>
function yourFormatter(value) {
return 'edit';
}
</script>}}

from bootstrap-table.