bootstrap table中th宽度可以指定，内容自动换行

最新推荐文章于 2025-01-21 11:17:17 发布

原创最新推荐文章于 2025-01-21 11:17:17 发布 · 3.2k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#bootstrap #table

收录于

前端知识专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种卡券管理系统，详细展示了卡券的各项属性，包括ID、标题、类型、简介、库存、领取限制、有效时间及使用链接。通过此系统，可以有效地管理和操作卡券。

<table class="table table-striped table-bordered table-hover dataTables-example" style="word-break:break-all; word-wrap:break-all;table-layout:fixed">
	<thead>
      <tr>
		<th>卡券ID</th>
        <th>卡券标题</th>
        <th>卡券类型</th>
        <th>卡券简介</th>
        <th>卡卷库存</th>
        <th>卡券每人领取数量</th>
        <th>卡券开始/结束时间</th>
        <th>卡券使用链接</th>
        <th style="width:86px">操作</th>
      </tr>
	</thead>     
</table>