为适应不同屏幕的宽度,datagrid用百分比设置宽度,无法事先知道各列的PX值,如何用样式控制内容的截取
问答整理
设置百分比,其它项的宽度不固定,是否也要截取,速度会更慢的,因高度有限,要求尽量不出上下滚动条的;业务软件,不象邮件和新闻的界面,字段比较多,且显示哪些字段是根据业务临时调整的。
1、
样式可以解决此问题:
表格单元格定义的样式:text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
在表格最外层定义样式:table-layout:fixed;
2、
显示“...”:text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
控制字数:table-layout:fixed;
<table style= "table-layout:fixed; ">
<DataGrid>
<模板列>
<table>
<tr>
<td style= "text-overflow:ellipsis;white-space:nowrap;overflow:hidden; ">
</td>
</tr>
</table>
</模板列>
</DataGrid>
</table>
总结:
1、哈哈,高兴,除一项外,各项均能用PX或百分比设置,在table和datagrid中均成功。
2、两种加上style= "table-layout:fixed; ",就可以应付指定宽度,又适应不同屏幕设置的要求了。