jsGrid 中的自动调整大小的列

Question

我正在玩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，然后浏览器根据指定的宽度计算所有列的宽度，导致浏览器window宽度变化时列宽也随之变化。

我曾尝试将该列宽度设置为 "auto" 和“*”，但随后，该列占据了 table 的 90%，而其他列的宽度为 10px（但 css 显示我之前定义的宽度)

有谁知道这个问题的解决方案吗？

Answer 1

在尝试呈现 table 之前，必须至少将一个列宽设置为 "auto"。如果未设置宽度，则默认为 100px，从而破坏了所需的外观。

真幸运。我在如此微不足道的事情上浪费了一个小时，当我决定在这里提问时，我找到了解决方案并希望删除这个问题的耻辱。

jsGrid 中的自动调整大小的列

Auto sized column in jsGrid

javascript

jquery

jsgrid