코딩/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>
반응형