设置表格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超出内容后截取并以...显示

标签：

原文地址：http://www.cnblogs.com/mfc-itblog/p/5260355.html