table 固定表格宽度，设置列宽，超出内容省略号显示

1.table的属性able-layout：fixed，这会使表格大小不会因为内容变化而变化;

2.当表格table-layout为fixed时，其表格宽度由第一行决定，用colgroup配合col标签设置列宽；

3.td设置样式style="white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"，超出单元格的内容用省略号显示。

        <table id="datatable" border="0" style="width: 1280px;table-layout:fixed;"><colgroup ><col width="1"><col width="50"><col width="20"><col width="15"><col width="20"><col width="20"><col width="8"><col width="8"></colgroup><caption>Email List</caption><tbody><tr id="record"><td height="25px">&nbsp;</td><td style="white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" title="<%=dms.getSubject()%>"><%=dms.getSubject()%></td><td style="white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" title="<%=dms.getSender()%>">&nbsp;&nbsp;<%=dms.getSender()%></td><td>&nbsp;&nbsp;<%=sentDate%></td><td style="white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" title="<%=dms.getToRecipients()%>">&nbsp;&nbsp;<%=dms.getToRecipients()%></td><td style="white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" title="<%=dms.getCcRecipients()%>">&nbsp;&nbsp;<%=dms.getCcRecipients()%></td><td style="text-align: center">&nbsp;&nbsp;<%=dms.getHasAttachments()%></td><td class="update"><a href="dmsDownload.jsp?id=<%=dms.getId()%>" class="Icon">&nbsp;Download&nbsp;</a></td></tr></tbody></table>

table 固定表格宽度，设置列宽，超出内容省略号显示相关推荐

Latex基于longtable环境设置跨页表格，且固定表格宽度、支持跨页标题显示
文章目录引入 1 完整latex代码 2 效果展示 3 参考文献引入最近写毕业大论文,需要用到跨页表格,以下展示成功测试后的结果. 1 完整latex代码说明: 1)设置表格宽度: ...
php中如何固定表格宽度,实例讲解DataTables固定表格宽度(设置横向滚动条)
当表格的列比较多的时候,可能就需要固定表格的宽度了,默认的100%宽已经不适应了.默认的100%宽要实现改变窗口大小也100%的话,在table元素上添加width="100%", ...
Latex中表格中固定表格宽度时出现错误“LaTeX Error: Illegal character in array arg.”
Latex中表格中固定表格宽度时出现错误"LaTeX Error: Illegal character in array arg.",如下: \documentclass{arti ...
CSS文字超出部分省略号显示
文章目录[隐藏] CSS 文字超出部分省略号显示前言 CSS 文字超出部分省略号显示实现方法 CSS 文字超出部分省略号显示实现效果 CSS 文字超出部分省略号显示前言在我们开发过程中,其实有这样的 ...
html span文字超出,HTML5--div、span超出部分省略号显示
CSS省略号代码 *{ margin: 0; padding: 0; } body { padding: 10px; font-family: Arial; } #ididid { position: ...
文本超出部分省略号显示
uni-app 文本超出部分省略号显示今日在将文本超出部分省略号显示问题上遇到困难,从网上找到解决方法.特此记录便于日后查阅. text {overflow: hidden;text-overflo ...
CSS实现文本超过部分，超出两行，超出部分省略号显示
一行文字超过部分显示为省略号 <style> .p{width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: n ...
css 超出部分省略号显示
多行文本省略号显示 /*多行文本省略号显示*/text-align: justify;/*文字右侧对其*/overflow:hidden; text-overflow:ellipsis; displa ...
poi导出word表格设置自动重调尺寸适应内容固定表格宽度
表格原本的type属性是autofit(自动调整),如果需要固定表格的宽度,需要关闭自动重调尺寸适应内容,java代码为 CTTblLayoutType type = infoTable.getCTT ...

table 固定表格宽度，设置列宽，超出内容省略号显示

table 固定表格宽度，设置列宽，超出内容省略号显示相关推荐

最新文章

热门文章