bootstrap 表格设置列固定宽度以及内容自动换行的CSS

来源:csdn博客 分类: 文章浏览史 发布时间:2020-10-12 15:36:56 最后更新:2020-10-12 浏览:41
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-10-12 15:36:56
<style type="text/css">
	#contentTable{
		table-layout:fixed; /* bootstrap-table设置colmuns中某列的宽度无效时,需要给整个表设置css属性 */
		word-break:break-all; word-wrap:break-all; /* 自动换行 */
	}
</style>

<table id="contentTable" class="table table-striped table-bordered table-condensed ">
	<thead>
		<tr>
			<th style="width:314px;">消息标题</th>
			<th style="width:80px;">策略名称</th>
			<th style="width:160px;">重发消息标题</th>
			<th style="width:80px;">消息通道</th>
			<th style="width:160px;">消息接收人</th>
		</tr>
	</thead>
	<tbody>
	</tbody>
</table>	
php技术微信