jQuery Grid Plugin - jqGrid

Hi Tony,

my gridlist (see the following simplified example) is rendered with a different width: correct width under safari, wrong under chrome and firefox

for example

{ name:'lastname'  , width: 140, align: 'left', classes: 'dragHandle'}, //, fixed: true},

is rendered with a width of 140 pixels in safari but with 145 pixels in chrome and firefox...

here is my (simplified) grid config:

$("#grid").jqGrid({

 ...

     colModel:[

        { name:'lastname'           , width: 140, align: 'left', classes: 'dragHandle'}, //, fixed: true},

        { name:'firstname'          , width: 90,  align: 'left', classes: 'dragHandle'},

        { name:'gender'             , width: 17},

        { name:'customAge'          , width: 20, sortable: false},

        { name:'maintype'           , width: 17, formatter: koGrid.maintypeFormater},

        { name:'modus'              , width: 20, formatter: koGrid.modusFormater},

    ],

    height: "100%",

  }); // jqGrid END

    $("#grid").jqGrid('setGroupHeaders', {

    useColSpanStyle: false,

    groupHeaders:[

      {startColumnName: 'lastname', numberOfColumns: 2, titleText: ''},

      {startColumnName: 'gender', numberOfColumns: 4, titleText: 'Info'},

    ]

 });

thx for your answer

kind regards

Alex

update 2:

Hi Tony,

don't know it it helps but when i remove the

 {table-layout:fixed; ... }

lines from the original ui.jqgrid.css then also safari renders 145 pixels width but the column aligning between header, grid and footer tables is no longer working...