jsGrid中的自动调整大小的列

时间:2019-02-28 11:52:56

标签: javascript jquery jsgrid

我正在玩jsGrid,仅剩下一个问题需要解决: 当我定义网格列时,我为除一列之外的所有列指定宽度。

fields: [
    { name: "Name", type: "text", title: "Naziv"  },
    { name: "Mbs", type: "text", width: 24, title: "MBS"  },
    { name: "PB", type: "text", width: 23, title: "PB"  },
    { name: "OIB", type: "text", width: 34, title: "OIB"  },
    { name: "Country", type: "text", width: 35, title: "Država"  },
    { name: "City", type: "text", width: 35, title: "Grad"  },
    { name: "ActiveFrom", type: "text", width: 28, title: "Od"  },
    { name: "ActiveTo", type: "text", width: 28, title: "Do"  },
    { name: "Active", type: "checkbox", width:10, title: "A" }
],

问题是,第一个字段设置为100px,然后浏览器根据指定的宽度计算所有列的宽度,这导致浏览器窗口宽度更改时列宽也会更改。

我曾尝试将列宽设置为“自动”和“ *”,但随后,该列占用了表的90%,其他列的宽度为10px(但css显示了我之前定义的宽度)

有人知道这个问题的解决方案吗?

1 个答案:

答案 0 :(得分:0)

在尝试渲染表格之前,至少必须将一列宽度设置为“自动”。 如果未设置宽度,则默认为100px,从而破坏所需的外观。

只是我的运气。我在一个如此琐碎的事情上浪费了一个小时,当我决定在这里问时,我找到了解决方案,并希望删除这个问题的可耻之处。