ParamQuery Grid
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
Home
Help
Search
Login
Register
ParamQuery grid support forum
»
General Category
»
Help for ParamQuery Grid (free version)
»
Grid header is different when site served from server and from local system
« previous
next »
Print
Pages: [
1
]
Author
Topic: Grid header is different when site served from server and from local system (Read 6661 times)
genk_pqgrid
Newbie
Posts: 9
Grid header is different when site served from server and from local system
«
on:
December 27, 2013, 08:59:55 pm »
I have paramquery grid in my ASP.NET website in 2 pages. Both work fine when served from the local ASP.NET dev. server (part of the Visual Studio 2008). However when served from IIS dev. server the grid header is malformed and not aligned with the data rows. I have hidden a column for each of the drop-down editing column - to store the IDs of selected items. Some of these hidden columns are showing and overlaying the corresponding drop-down columns. In the 2nd screenshot the Photo Type column is overlayed by its corresponding ID column - which is not visible in the 1st screenshot.
Any help on this would be greatly appreciated.
I'll provide the source code if needed and any other details.
Logged
paramvir
Administrator
Hero Member
Posts: 6313
Re: Grid header is different when site served from server and from local system
«
Reply #1 on:
December 27, 2013, 11:13:42 pm »
Try to remove css/js files one by one other than jQuery & pqGrid files from the web page.
or try to reproduce this issue on jsfiddle which would help to resolve or find the reason for this issue.
Logged
genk_pqgrid
Newbie
Posts: 9
Re: Grid header is different when site served from server and from local system
«
Reply #2 on:
December 28, 2013, 05:44:03 am »
Thanks. I'll try to reproduce on an isolated page - application made up of only one page with the grid. Then I'll add to this post.
Logged
genk_pqgrid
Newbie
Posts: 9
Re: Grid header is different when site served from server and from local system
«
Reply #3 on:
January 01, 2014, 05:12:03 am »
Hello, again
I created a fiddle for this:
http://jsfiddle.net/genk_jsfiddle/fRCLz/13/
The behavior is actually happening even on the local system when viewed in FF.
To reproduce in fiddle:
- click button "TEST PQ My Code"
- click button "NEXT ROWS"
- observe 2 grid columns PhotoType and Photo Type - the grid lines of header are not aligned with data rows.
Thanks
Logged
paramvir
Administrator
Hero Member
Posts: 6313
Re: Grid header is different when site served from server and from local system
«
Reply #4 on:
January 01, 2014, 01:38:10 pm »
I isolated the colModel from your code and created a new example here
http://jsfiddle.net/LAgZx/202/
It looks fine in FF.
«
Last Edit: January 01, 2014, 02:16:58 pm by paramquery
»
Logged
genk_pqgrid
Newbie
Posts: 9
Re: Grid header is different when site served from server and from local system
«
Reply #5 on:
January 02, 2014, 06:40:03 am »
Thanks, I'll try to use it in isolation, then inside the ASP.NET app. I'll respond to you when get more info.
Logged
genk_pqgrid
Newbie
Posts: 9
Re: Grid header is different when site served from server and from local system
«
Reply #6 on:
January 02, 2014, 09:54:24 pm »
Hello, again
I found what is breaking the alignment: in my markup I have style="text-align: center" in the DIV enclosing the grid. This can be the actual DIV of the grid or another higher-level DIV enclosing the grid. I made a change in the example provided by you and the alignment is broken. Please see:
http://jsfiddle.net/LAgZx/203/
.
This maybe not such a big issue. On the other hand, it may be required to have the grid inside another DIV which needs the center alignment.
Logged
paramvir
Administrator
Hero Member
Posts: 6313
Re: Grid header is different when site served from server and from local system
«
Reply #7 on:
January 02, 2014, 11:37:56 pm »
Thanks for your post.
I found the solution to this issue is to keep text-align:left; for the grid. Then the grid can be safely enclosed in text-align:center div / container.
http://jsfiddle.net/LAgZx/207/
Logged
genk_pqgrid
Newbie
Posts: 9
Re: Grid header is different when site served from server and from local system
«
Reply #8 on:
January 02, 2014, 11:50:24 pm »
Great, thanks for your help!
Really appreciate your quick turnaround
Thanks,
Gene
Logged
Print
Pages: [
1
]
« previous
next »
ParamQuery grid support forum
»
General Category
»
Help for ParamQuery Grid (free version)
»
Grid header is different when site served from server and from local system