黑马程序员技术交流社区

标题: datagrid如何按百分比分配空间 [打印本页]

---

作者: boy_AND_gou    时间: 2014-4-22 23:44
标题: datagrid如何按百分比分配空间
datagrid如何按百分比分配空间

---

作者: 爱吃桃子的猫    时间: 2014-5-5 14:38


可以设置属性 AutoSizeColumnsMode 为 Fill

下面是网上搜集整理的，希望对你有帮助
为适应不同屏幕的宽度，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; "，就可以应付指定宽度，又适应不同屏幕设置的要求了。

也可以参考http://bbs.csdn.net/topics/120083480为适应不同屏幕的宽度，datagrid等用百分比设置宽度，如何知道各项的PX值。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2