c1gridview列宽按百分比显示

收藏

目前gridview如果不给每一行指定宽度则默认会自动缩放

我想做到如下效果
gridview最小宽度为750px，低于此宽度则不在动态调整列宽，同时有四列数据，我想让这四列分别按照30%,20%,20%,30%的宽度动态缩放
请问如何做到以上效果

JeffryLI · JeffryLI

您好问题我收到，正在帮您处理。有结果我会立即回复您。

JeffryLI · JeffryLI

您好，设置表的最小值，然后按每个绑定设置百分比

<style>
#C1GridView1 {
table-layout:inherit;
min-width:500px;
max-width:600px;
}
</style>

复制代码

<Columns>
<wijmo:C1BoundField DataField="LastName" HeaderText="LastName" Width="20%" SortExpression="LastName">
</wijmo:C1BoundField>
<wijmo:C1BoundField DataField="FirstName" HeaderText="FirstName" Width="30%" SortExpression="FirstName">
</wijmo:C1BoundField>
<wijmo:C1BoundField DataField="Title" HeaderText="Title" Width="20%" SortExpression="Title">
</wijmo:C1BoundField>
<wijmo:C1BoundField DataField="EmployeeID" HeaderText="EmployeeID" Width="30%" ReadOnly="True" SortExpression="EmployeeID">
</wijmo:C1BoundField>
</Columns>

复制代码

xuxs · xuxs

好的我试试

JeffryLI · JeffryLI

好的

xuxs · xuxs

刚刚试了试有问题：按照上面的代码设置初始显示时按照min-width显示的宽度，各列确实按照百分比显示宽度，但是当拖动浏览器右侧边框变大时，grid的各列并不会随着改变大小。如果你那边没问题请给我提供一下demo把

JeffryLI · JeffryLI

xuxs 发表于 2018-5-18 17:38
刚刚试了试有问题：按照上面的代码设置初始显示时按照min-width显示的宽度，各列确实按照百分比显示宽度 ...

您那个拖动浏览器边框，视图会变大，这块您需要自己根据浏览器的变化去手动计算的，grid不会自动去自适应。

xuxs · xuxs

能设置百分比却不能自适应 gridview的功能有点弱啊

JeffryLI · JeffryLI

xuxs 发表于 2018-5-18 18:20
能设置百分比却不能自适应 gridview的功能有点弱啊

您好，您吧max和min去掉，有可能是这个造成的，直接在把百分比加在C1BoundField 上。希望能帮到您

xuxs · xuxs

尝试了下 GridView无法按照用户想定的百分比来自动缩放，如果指定宽度为百分比，生成的html代码会按照显示时的大小给设定死了。

我目前有个折中的解决方案，给后面的人留个参考把 ：
首先默认的GridView如果都不指定宽度则默认就会自动缩放。
其次如果用户想指定某一列或者某几列的宽度固定，剩余自动缩放则可以给固定的列设置列宽，不要设置百分比，只需要设置像素数，这样设置后这几列宽度就固定了，剩余列会根据列里面的内容自动缩放。
最后如果想指定最小缩放宽度可在外面嵌套一层div设置min-width即可。

		自动登录	找回密码
密码			立即注册

[已处理] c1gridview列宽按百分比显示

10 个回复

评分

评分

评分

评分

评分

活字格认证

微信认证勋章

元老葡萄