剑道栏上的大小拖动怪异

时间:2016-02-17 09:39:15

标签: kendo-ui resize kendo-grid drag

我的例子:http://dojo.telerik.com/irEQo

问题:当我调整列的大小时,我点击它们之间的间隙并拖动,此时列宽变得混乱(参见下面的屏幕截图和视频)。

enter image description here

https://vid.me/TmkP

2 个答案:

答案 0 :(得分:1)

我的修复:

我没有使用像素值使用固定宽度,而是使用百分比设置固定宽度。

实施例: 前

{
        field: 'statusId',
        title: 'Type',
        width: 50,
        filterable: true,
        attributes: {
          "class": "someClass"
}

{
        field: 'statusId',
        title: 'Type',
        width: '15%',
        filterable: true,
        attributes: {
          "class": "someClass"
}

答案 1 :(得分:0)

当您为所有列设置固定宽度但所有宽度的总和与网格不匹配时,会发生这种情况。因此,如果您有3列宽度均为100px,但网格宽度为400px,则每列的拉伸范围为113磅。一旦你抓住了#39;列,使用原始大小(100px)使列跳转。

这是一个剑道问题,因此没有真正的解决方案(至少我找不到),但有可能避免跳跃':

您可以为一列设置no,然后此列填充剩余的空间。

或者添加一个空列作为最后一列,然后填充空格,而真正的列都保持它们设置的大小。

要添加空列,只需添加

 {
   field: ""
 }

到列列表。