1. 程式人生 > >bootstrap table 怎麼自適應寬度

bootstrap table 怎麼自適應寬度

  1. 表格欄位非常多, 表格到頁面寬度100%都顯示不下

  2. 現在想讓表格寬度按內容決定寬度。(頁面出現滾動條沒關係)

  3. 表格內容不要出現換行


<div class=table-responsive">
    <table class="table text-nowrap">
        <thead>
            <tr>
                <th> ... </th>
                ....
            </tr>
        </thead>
        <tbody>
            <tr>
                <td> ... </td>
                ....
            </tr>
            .....
        </tbody>
    </table>
</div>
其中,表格需要加table樣式,text-nowrap控制內容不換行,表格外層必須有<div class="table-responsive">。表格裡面的theadtbody不能省略,否則Bootstrap表格樣式不會被使用。