Thursday, April 16, 2020

[Bootstrap] 超簡單 Bootstrap 表格 (table) ( ver. 3.3.7為例)

W3 Bootstrap table 介紹

<div class="container">
    <table class="table table-bordered table-condensed" style="table-layout: fixed;">
        <tr class="info">
            <th class="text-center" colspan="2">測試表格</th>
        </tr>
        <tr class="active">
            <th class="text-center">會員名稱</th>
            <th class="text-center">消費金額</th>
        </tr>
        <tr>
            <td>Allen</td>
            <td class="text-right">12,000</td>
        </tr>
        <tr>
            <td>Billy</td>
            <td class="text-right">6,000</td>
        </tr>
    </table>
</div>


1 comment: