코딩/Java Script
BootstrapTable 에 버튼으로 구성된 열 추가 (linkFormatter)
코딩왕 코주부
2021. 6. 3. 07:29
반응형
<table id="table" data-toggle="table" data-filter-control="true" data-show-export="true" data-click-to-select="true" data-toolbar="#toolbar" data-pagination="true" data-page-list="[10, 25, 50, 100]"
data-align="center">
<colgroup>
<col span="1" style="width: 100px;">
<col span="1" style="width: 100px;">
<col span="1" style="width: 140px;">
<col span="1" style="width: 140px;">
</colgroup>
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="Date" data-filter-control="input" data-sortable="true">Date</th>
<th data-field="Sex" data-filter-control="input" data-sortable="true">Sex</th>
<th data-field="Info" data-formatter="linkFormatter">Info</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
function linkFormatter(value, row) {
return '<button id="dataButton" class="btn btn-primary" data-toggle="modal" data-target="#myModal">확인</button>';
}
</script>
반응형