设置表格td超出内容后截取并以...显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了设置表格td超出内容后截取并以...显示相关的知识，希望对你有一定的参考价值。
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
<table style="table-layout:fixed" id="table" data-toolbar="#toolbar" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-pagination="true" data-side-pagination="server" data-page-list="[5, 10, 20, 50, 100, 200]" data-sort-name="name" data-sort-order="desc">
<thead>
<tr>
<th data-field="state" data-checkbox="true" class="ellipsis"></th>
<th data-field="ID" data-visible="false">ID</th>
<th data-field="Title" data-sortable="true" class="ellipsis">标题</th>
<th data-field="Catalog" data-sortable="true" class="ellipsis">栏目</th>
</tr>
</thead>
备注：表格一定要加 style="table-layout:fixed"
以上是关于设置表格td超出内容后截取并以...显示的主要内容，如果未能解决你的问题，请参考以下文章
在Firefox下如何让<td>中的文字内容超出部分隐藏，用。。。显示