xuxs 发表于 2018-5-18 09:12:46

c1gridview列宽按百分比显示

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

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

JeffryLI 发表于 2018-5-18 12:05:49

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

JeffryLI 发表于 2018-5-18 15:40:24

您好,设置表的最小值,然后按每个绑定设置百分比
    <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 发表于 2018-5-18 16:20:39

好的我试试

JeffryLI 发表于 2018-5-18 17:12:46

好的

xuxs 发表于 2018-5-18 17:38:55

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

JeffryLI 发表于 2018-5-18 17:56:19

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

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

xuxs 发表于 2018-5-18 18:20:59

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

JeffryLI 发表于 2018-5-21 09:47:53

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

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

xuxs 发表于 2018-5-21 13:13:09

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

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