bootstrap table 怎么自适应宽度

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

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

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

阅读 33.7k
评论
    2 个回答

    使用class“table-responsive”

      • 6.7k
      <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表格样式不会被使用。

        撰写回答

        登录后参与交流、获取后续更新提醒