A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© boy_AND_gou 中级黑马   /  2014-4-22 23:44  /  1228 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

datagrid如何按百分比分配空间

评分

参与人数 1技术分 +1 收起 理由
czwanglei + 1

查看全部评分

1 个回复

倒序浏览
本帖最后由 爱吃桃子的猫 于 2014-5-5 14:40 编辑

可以设置属性 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值。





评分

参与人数 1技术分 +1 收起 理由
czwanglei + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马