发新话题
打印

在控件中如何定义单元格,不让内容超宽的单元格撑开单元格?

在控件中如何定义单元格,不让内容超宽的单元格撑开单元格?

如下所示:
复制内容到剪贴板
代码:
<table style="table-layout:fixed;width:490px" id="break-table" headerRows='1' everyFooter='myEveryFooter' lastFooter='myLastFooter'> <thead> <tr> <td width="20">序号</td> <td width="100">商品名称</td> <td width="50">数量</td> <td width="50">赠品</td> <td width="50">单位</td> <td width="50">规格</td> <td width="50">单价</td> <td width="150">金额</td> <td width="50">备注</td> </tr> </thead> <tbody> <tr> <td width="20">1</td> <td width="100" style='white-space:nowrap;overflow:hidden;'>123213213213213213213213213213213213213133</td> <td width="50">30</td> <td width="50">0</td> <td width="50">箱</td> <td width="50">1kg</td> <td width="50">180.00</td> <td width="50"><span>501801800.0</span></td> <td width="50">正常价</td> </tr> <tbody id='myEveryFooter'> <tr> <td colspan="5">页合计:{decimal(pageSum(7),2)}</td> <td colspan="7">共合计:{rmb(decimal(sum(7),2))}</td> </tr> </tbody> <tbody id='myLastFooter'> <tr> <td colspan="9">制单员:张三</td> </tr> </tbody> </table>

TOP

如上所示,需要设置两个部分: 1. 设置 的 style="table-layout:fixed;width:490px" ,注意需要设置 table-layout为fixed和显式指定表格宽度 2. 设定单元格 style='white-space:nowrap;overflow:hidden;' 3. 在第一行,显式指定各列宽度

TOP