javascript - Kogrid:网格的最后一列仅部分可见

Question

在 koGrid 2.1.1 中:

不知何故，网格的最后一列仅部分可见。

我使用网格的默认配置通过示例重现了这个错误。

HTML:

<div class="gridStyle" data-bind="koGrid: gridOptions"></div>

CSS:

.gridStyle {
border: 1px solid rgb(212, 212, 212);
width: 400px;
height: 300px;
}

脚本:

function mainVm() {
    var self = this;
    this.myData = ko.observableArray([{
        name: "Moroni",
        age: 50
    }, {
        name: "Tiancum",
        age: 43
    }, {
        name: "Jacob",
        age: 27
    }, {
        name: "Nephi",
        age: 29
    }, {
        name: "Enos",
        age: 34
    }]);
    this.gridOptions = {
        data: self.myData
    };
};
ko.applyBindings(new mainVm());

fiddle :http://jsfiddle.net/4hUcc/1/

我找不到造成这种情况的原因。有什么线索吗？？

Answer 1

为了计算滚动条的宽度和高度，一旦加载了 javascript 文件，koGrid 就会在您的主体中添加一个临时的 div。

因此，如果您在 HTML 的头部添加 koGrid-x.js，则主体不会加载，滚动条测量也会失败。

另一方面，如果您在 body 元素的末尾添加 koGrid-x.js 文件，它将已经加载并且一切都应该按预期工作。