jQuery Grid Plugin - jqGrid - Topic: header and columns not aligned

tony on header and columns not aligned

Fri, 03 Apr 2009 07:09:10 +0300

Hello,

Could you please try with another theme (standart by exemple).?

Thanks

Regards

Tony

dforrestca on header and columns not aligned

Fri, 03 Apr 2009 03:40:22 +0300

Tony, thanks for the reply...

NO... it's not a custom theme. It' s the coffee grid.css out of the box with the graphic files that surround the grid commented out. The only change was some of the colors. Formatting remained untouched. It's worth repeating that this behavior occurs ONLY on grids with a hidden column in them. Grids without a hidden column look perfect! What is it about hidden columns?

Regards,

dforrestca

tony on header and columns not aligned

Fri, 03 Apr 2009 02:32:01 +0300

Hello,

I see that you use custom theme - right? Check if the padding and borders are equall on both header and body in the css?

Regards

Tony

dforrestca on header and columns not aligned

Thu, 02 Apr 2009 18:10:27 +0300

3.4.2. fixed the alignment issue on grids that have NO hidden columns in them. Grids that HAVE a hidden column in them seem to have a column splitter alignment issue that causes the header row and the detail row columns to be out of alignment. See in this pic#1 where the misalignment begins under "involved parties" and increases going from left to right? This happens in all browsers(and platforms) except for Safari(ok on win and mac). 2nd pic shows proper alignment in Safari. Thank you for your help...

PIC#1

PIC#2

tony on header and columns not aligned

Thu, 02 Apr 2009 10:52:11 +0300

Hello,

What is exacly the problem? Try only with jqGrid files and css without including other. Then try to include one by one the other css and see what is happen. IMHO there is conflict with jqGrid css and others.

Regards

Tony

dforrestca on header and columns not aligned

Thu, 02 Apr 2009 01:05:44 +0300

After updating to 3.4.2, grids with hidden columns still have issues on IE and FF windows, and FF 3.0.8 on OSX 10.5.6. Safari Seems fine on all platforms. Anyone have an additional tweak to align the columns in these situations?

Thanks

tony on header and columns not aligned

Sun, 01 Mar 2009 07:37:12 +0200

Hello,

Thanks. Fixed in 3.4.2

Regards

Tony

pfisch on header and columns not aligned

Thu, 26 Feb 2009 14:34:06 +0200

Wow.

The true source of this problem is if you specify a width and wrap the number in quotes.

like width: '300' instead of width: 300

This should really be fixed. But if no one is into fixing it then the instructions and demos should be very explicit about this issue

pfisch on header and columns not aligned

Thu, 26 Feb 2009 10:19:40 +0200

What surrounding divs did you remove exactly to fix this problem??

I'm about to try loading in the old css because nothing I've tried has worked at all.

Uter on header and columns not aligned

Tue, 24 Feb 2009 07:34:25 +0200

it temporaily works with all new files, I deleted the sourrounding <divs> and now it works fine.

But in the IE7 I now get this Error:

Error: 'formatter' is null or not an object

But I think that's a totally other failure and so I will post it in another threa.

thx for your help 😉

ncoonghe on header and columns not aligned

Mon, 23 Feb 2009 18:49:26 +0200

The headers and the column donot align at all..further if we have empty cells and we click and move to another cell the whole style of that cell gets changed..This was not a problem in the older version

Regards

Nirmal

rsea on header and columns not aligned

Mon, 23 Feb 2009 16:00:11 +0200

Okay, it worked here changing the CSS (grid.css) of “table.scroll thead th” from

padding: 0px 2px 0 0px;

padding: 0px 4px 0 0px;

Does this work with someone else?

Rodolfo.

rsea on header and columns not aligned

Mon, 23 Feb 2009 15:46:58 +0200

I use a personalized theme, modified over steel.

Doesn't matter what I do with the CSS, the header (table.scroll th div) is 6px smaller than the cell (table.scroll tbody td). I've tried to set padding by hand, without sucess...

tony on header and columns not aligned

Mon, 23 Feb 2009 09:11:02 +0200

Hello,

Try with the old CSS using the new version. Also which theme do you use?

If switch to old css do not forget to make the changes as of the docs for ver 3.4.1

Uter on header and columns not aligned

Mon, 23 Feb 2009 03:23:45 +0200

I did some resaerch and it looks like that the problem is that the columnrow is larger than the header row. I guess that this will be the Error ….

-----------------------------------

sorry my fault -> the Columnrow is nto too long, the Problem is suddenly

that one header is cutt off.

hmm I think I have to downgrade 🙁

cheers,

Uter

Uter on header and columns not aligned

Sat, 21 Feb 2009 19:07:39 +0200

any new ideas to get rid of the problem ?

I would need the answer as quick as possible 😉

thx for any Tip 😉

cheers,

Uter

Uter on header and columns not aligned

Fri, 20 Feb 2009 12:21:30 +0200

Thx tony for your answer 😉

I already tried it with width for every column and I make a new json mapping with jsonreader.

I also try some other stuff but nothing works ...

Is it possible that this is a bug in the json implementation ?

Thx for any Tip 😉

cheers,

Uter

pfisch on header and columns not aligned

Fri, 20 Feb 2009 10:36:30 +0200

I have the exact same issue. All of my columns have explicit property widths and it is not helpful. Additionally my whole jqGrid html implementation exists inside a table row if that matters. Removing it from that table is not really an option.

I am also loading the data via json.

tony on header and columns not aligned

Fri, 20 Feb 2009 08:21:41 +0200

Hello,

Just for test - could you please set explicit on every column the property width?

Thanks.

Tony

Uter on header and columns not aligned

Fri, 20 Feb 2009 04:35:58 +0200

I changed the Grid and the Error stilll occurs 🙁

MY Grid now looks like:

function loadGrid(){
    var kwjahr = jQuery("#kw").get()[0].value;
    jQuery("#loadgridtest").jqGrid({
        url:'Service1.svc/timeentries/'+kwjahr,
        datatype: 'json',
        mtype: 'GET',
        colNames:['Id','Projektid','Projekt','Projekttätigkeit','Datum','Von','Ende-Datum','Bis','Pause','Dauer','Beschreibung','Berechenbar','Dirty','Actions','RealTime'],
        colModel :[
              {name:'id', jsonmap:'id',index:'id',width: 300},
              {name:'projectid',jsonmap:'projectid',width:300},
              {name:'project', jsonmap:'project',index:'project'},
              {name:'activity', jsonmap:'activity',index:'activity'},
              {name:'startdate' , jsonmap:'stratdate', index:'startdate'},
              {name:'starttime', jsonmap:'starttime',index:'starttime'},
              {name:'enddate', jsonmap:'enddate',index:'enddate'},
              {name:'endtime', jsonmap:'endtime',index:'endtime'},
              {name:'breaktime', jsonmap:'breaktime',index:'breaktime'},
              {name:'duration', jsonmap:'duration',index:'duration'},
              {name:'descr', jsonmap: 'descr', index:'descr'},
              {name:'calc', jsonmap: 'calc', index:'calc'},
              {name:'dirty', jsonmap:'dirty', index: 'dirty'},
              {name:'actions',jsonmap:'actions', index:'actions'},
              {name:'realtime', jsonmap:'realtime', index: 'realtime'},
        ],

        imgpath:'Scripts/jqGrid-3.4.1/themes/basic/images',
        cellsubmit: 'clientArray'
    });

The Data of the Json - Packet looks like:

{"page":1,"total":1,"rows":[{"id":"2ce898b4-78fe-dd11-bbe6-0018f351a670","cell":["2ce898b4-78fe-dd11-bbe6-0018f351a670"
,"e18c3ac2-55f7-dd11-bff3-0018f351a670","ksection","test","19.02.2009","02:00","19.02.2009","11:00","0"
,"9:0","tetst aa","False","","","540"]}]}

What can I do ? Thx for any Tip 😉