jQuery Grid Plugin - jqGrid - Topic: jqGrid has double right border in forceFit state http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-has-double-right-border-in-forcefit-state Simple:Press Version 5.7.5.3 enepomnyaschih on jqGrid has double right border in forceFit state http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-has-double-right-border-in-forcefit-state#p22275 Bugs http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-has-double-right-border-in-forcefit-state#p22275 Reported in http://stackoverflow.com/quest.....efit-state and was redirected here.

I have jqGrid with forceFit property set to true. As result, right grid border sometimes solid, sometimes double. Screencast: http://screencast.com/t/KmkmGWAkh.

I need solid border always.

Source code:

var gridEl = $('<table id="grid-213487-1235" class="details-summary-grid"></table>');
var columns = [
        {
            label       : "Date",
            index       : "date",
            name        : "date",
            width       : 140,
            formatter   : this._formatDate,
            sorttype    : "int"
        }, {
            label       : "Sender",
            index       : "sender",
            name        : "sender",
            formatter   : function() { return
"blablabla blablablabla blabla blablablabla blablabla blablabla blablablabla"; }
        }, {
            label       : "Subject",
            name        : "subject",
            index       : "subject",
            formatter   : function() { return
"blablabla blablablabla blabla blablablabla blablabla blablabla blablablabla"; },
            width       : 160
        }
    ];

gridEl.jqGrid({
    datatype    : "local",
    colModel    : columns,
    forceFit    : true,
    hidegrid    : false,
    rowNum      : data.length,
    height      : "100%"
});

gridEl.jqGrid('addRowData', 0, data); // Does it matter that row ID is undefined?

Perhaps jqGrid just rounds floating-point widths of the columns and this bug takes place sometimes.

There is a simple way to fix floating-point ariphmetic imprecision.

If you have an array of floating-point widths [ w[0], … , w[N-1] ] such that (w[0] + … + w[N-1] = total, integer) then integer widths [ x[0], … , x[N-1] ] can be found such that (x[0] + … + x[N-1] = total) the next way:

var curCoord = 0;
for (var i = 0; i < N; ++i)
{
     var nextCoord = curCoord + w[i];
     x[i] = Math.round(nextCoord) – Math.round(curCoord);
     curCoord = nextCoord;
}
]]> Wed, 02 Mar 2011 08:38:54 +0200