javascript - Kogrid: last column of grid is only partly visible -

in kogrid 2.1.1:

somehow, last column of grid partly visible.

i reproduced bug example using default config of grid.

html:

<div class="gridstyle" data-bind="kogrid: gridoptions"></div> 

css:

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

script:

 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/

i cannot find causing this. got clue??

in order calculate scrolling bars' width , height, kogrid adds temporary div in body once javascript file loaded.

therefore if add kogrid-x.js in head of html, body wont load , scrolling bars measure fail.

on other hand, if add kogrid-x.js file @ end of body element, loaded , should work expected.