为适应不同屏幕的宽度，datagrid用百分比设置宽度，无法事先知道各列的PX值，如何用样式控制内容的截取

 为适应不同屏幕的宽度，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; "，就可以应付指定宽度，又适应不同屏幕设置的要求了。