Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
This topic is locked No permission to create posts
sp_Feed Topic RSS sp_TopicIcon
header and columns not aligned
11/02/2009
14:17
Avatar
rsea
Member
Members
Forum Posts: 17
Member Since:
24/01/2009
sp_UserOfflineSmall Offline

Hi,

I'm having issues with align in my table, the columns headers and the columns are not aligned. I'm not using colNames, every column get it's label from colModel:

{name:'i_id', index:'i_id', width:60, align: 'center', resizable: false, hidedlg: true, label: 'id', hidden: true}

the options I'm using are

      height: 'auto',
      rowNum: customrows,
      hidegrid: false,
      pgtext: ' of ',
      sortname: 'i_name',
      sortorder: “asc”,
      altRows: false,
      loadui: false,
      viewrecords: true,

I've tried shrinkToFit and forceFit without success. Does anyone haves any suggestion?

Thanks

Rodolfo.

19/02/2009
09:18
Avatar
Uter
Member
Members
Forum Posts: 22
Member Since:
28/10/2008
sp_UserOfflineSmall Offline

I have the same problem since I changed to the new Version of jqGrid 😉

Normally I have hidden Fields, but when I changed it to be visible the Error still remains.

Thanks for any Tip to get rid of this Error 😉

cheers,

Uter

PS: Thx for the SHIFT + TAB Feature in CELL Editing !!!

20/02/2009
02:50
Avatar
Uter
Member
Members
Forum Posts: 22
Member Since:
28/10/2008
sp_UserOfflineSmall Offline

To give more Information about my Grid:

[Code]

jQuery("#loadgridtest").jqGrid({     
        url:'Service1.svc/timeentries/',
        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',editable:true,sortable:false,width:200},
          {name: 'projectid',jsonmap:'projectid',editable:true,sortable:false,width:200},
          {name:'project', jsonmap:'project',index:'project',sortable: false,editable: true,edittype:"select",editoptions: projects, editrules: {required: true},width:200},
          {name:'activity', jsonmap:'activity',index:'activity',sortable: false,editable: true,edittype:"select",editoptions: activities,editrules: {required: true},width:200},
          {name:'startdate' , jsonmap:'stratdate', index:'startdate', sorttype: "date",editable: true,sortable: true,editrules: {required: true},width:200},
          {name:'starttime', jsonmap:'starttime',index:'starttime',editable: true,sortable: false,editrules: {required: true},width:200},
          {name:'enddate', jsonmap:'enddate',index:'enddate',sorttype: "date",editable: false, editrules: {required: true},width:200},
          {name:'endtime', jsonmap:'endtime',index:'endtime',editable: true,sortable: false, editrules: {required: true},width:200},
          {name:'breaktime', jsonmap:'breaktime',index:'breaktime', editable: true,sortable: false,editrules: {required: true},width:200},
          {name:'duration', jsonmap:'duration',index:'duration',sortable: false,editrules: {required: true},width:200},
          {name:'descr', jsonmap: 'descr', index:'descr', width: 250, editable: true, editrules: {required: true}, edittype: "textarea",width:200},
          {name:'calc', jsonmap: 'calc', index:'calc', editable: true, edittype:"checkbox", editoptions: {value:"True:False"}, editrules: {required: true},width:200},
          {name:'dirty', jsonmap:'dirty', index: 'dirty', editable:true,width:200},
          {name:'actions',jsonmap:'actions', index:'actions',sortable:false,width:200},
          {name:'realtime', jsonmap:'realtime', index: 'realtime', editable:true ,sortable:false, editrules: {required: true},width:200},
        ],
            imgpath:'Scripts/Grid/themes/basic/images',
            cellEdit: true,
            cellsubmit: 'clientArray'
    });

[/Code]

The Problem appears in IE7 & FF3.

20/02/2009
04:35
Avatar
Uter
Member
Members
Forum Posts: 22
Member Since:
28/10/2008
sp_UserOfflineSmall Offline

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 😉

20/02/2009
08:21
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

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

Thanks.

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

20/02/2009
10:36
Avatar
pfisch
Member
Members
Forum Posts: 4
Member Since:
20/02/2009
sp_UserOfflineSmall Offline

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.

20/02/2009
12:21
Avatar
Uter
Member
Members
Forum Posts: 22
Member Since:
28/10/2008
sp_UserOfflineSmall Offline

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

21/02/2009
19:07
Avatar
Uter
Member
Members
Forum Posts: 22
Member Since:
28/10/2008
sp_UserOfflineSmall Offline

any new ideas to get rid of the problem ?

I would need the answer as quick as possible 😉

thx for any Tip 😉

cheers,

Uter

23/02/2009
03:23
Avatar
Uter
Member
Members
Forum Posts: 22
Member Since:
28/10/2008
sp_UserOfflineSmall Offline

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

23/02/2009
09:11
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

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

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

23/02/2009
15:46
Avatar
rsea
Member
Members
Forum Posts: 17
Member Since:
24/01/2009
sp_UserOfflineSmall Offline

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...

23/02/2009
16:00
Avatar
rsea
Member
Members
Forum Posts: 17
Member Since:
24/01/2009
sp_UserOfflineSmall Offline

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

padding: 0px 2px 0 0px;

to

padding: 0px 4px 0 0px;

Does this work with someone else?

Rodolfo.

23/02/2009
18:49
Avatar
ncoonghe
Member
Members
Forum Posts: 29
Member Since:
03/02/2009
sp_UserOfflineSmall Offline

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

24/02/2009
07:34
Avatar
Uter
Member
Members
Forum Posts: 22
Member Since:
28/10/2008
sp_UserOfflineSmall Offline

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 😉

26/02/2009
10:19
Avatar
pfisch
Member
Members
Forum Posts: 4
Member Since:
20/02/2009
sp_UserOfflineSmall Offline

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.

26/02/2009
14:34
Avatar
pfisch
Member
Members
Forum Posts: 4
Member Since:
20/02/2009
sp_UserOfflineSmall Offline

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

01/03/2009
07:37
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

Hello,

Thanks. Fixed in 3.4.2

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

02/04/2009
01:05
Avatar
dforrestca
Member
Members
Forum Posts: 17
Member Since:
27/09/2008
sp_UserOfflineSmall Offline

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

02/04/2009
10:52
Avatar
tony
Sofia, Bulgaria
Moderator
Members

Moderators
Forum Posts: 7721
Member Since:
30/10/2007
sp_UserOfflineSmall Offline

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

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

02/04/2009
18:10
Avatar
dforrestca
Member
Members
Forum Posts: 17
Member Since:
27/09/2008
sp_UserOfflineSmall Offline

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

Header and detail misalignmentImage Enlarger

PIC#2

Proper AlignmentImage Enlarger

This topic is locked No permission to create posts
Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
48 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information