BootstrapTable 에 버튼으로 구성된 열 추가 (linkFormatter)
2021. 6. 3. 07:29ㆍ코딩/Java Script
반응형
<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>
반응형
'코딩 > Java Script' 카테고리의 다른 글
JavaScript를 이용하여 Json File을 HTML에 삽입하는 방법 (0) | 2022.04.04 |
---|---|
SweetAlert2 이용하여 HTML alert 창 꾸미기 (0) | 2022.02.19 |
bootstrap selectpicker dropdown below 처리 (0) | 2022.01.28 |
jQuery id 표기방법 (0) | 2022.01.28 |
BootstrapTable의 데이터를 Modal로 보내기 (0) | 2021.06.03 |