bootstrap table 怎么自适应宽度

Question

1. 表格字段非常多， 表格到页面宽度100%都显示不下

2. 现在想让表格宽度按内容决定宽度。（页面出现滚动条没关系）

3. 表格内容不要出现换行

Answer 1

使用class“table-responsive”

Answer 2

<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">。表格里面的thead和tbody不能省略，否则Bootstrap表格样式不会被使用。