bootstrap table怎样自适应内容中的宽度？

Posted 2023-04-20

参考技术A

bootstrap table自适应内容宽度的方法如下：

使用class“table-responsive”

<div class=table-responsive">

<table class="table text-nowrap">

<thead>

<tr>

<th> ... </th>

....            </tr>

</thead>

<tbody>

<tr>

<td> ... </td>

....            </tr>

.....        </tbody>

</table></div>

其中，表格需要加table样式。

表格里面的thead和tbody不能省略，否则Bootstrap表格样式不会被使用。

根据具体问题类型，进行步骤拆解／原因原理分析／内容拓展等。
具体步骤如下：／导致这种情况的原因主要是……

参考技术B

自适应的宽度是在js里面设置的，你先看下这个table的ID，

然后去找这个JS里面找初始化的地方 这个默认的就是自适应的

基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单选、多选、排序、分页，以及编辑、导出、过滤（扩展）等等的功能。

关于给table标签里的th td设置宽高不生效问题

参考技术A table里面的宽高都是自适应的，如果不主动设置的话它会根据表格中的内容自适应宽高，但是给th和td设置宽高属性后发现并不能生效。