.Hi Tony!
In a project I need display in a lot of tables information which could be coded as a checkbox. The information here is: “Is something is a part of another something”. Columns of such kind of information has a headers of cause. The width of headers is much longer as a width of a checkbox, so if I place such information in Excel I make headers vertical oriented. One can demonstrate that on the following picture
Is it possible to make some headers in jqGrid table to be vertical oriented like in the example from Excel?
Thank you
Oleg
Hello,
sorry Tony, I could not find in jQuery UI tabs or somewere else in jQuery UI vertical oriented textes.
In the most examples which I found before, which works in IE 6 and above, are based on “writing-mode: tb-rl” style and some “filter” like “filter: flipv fliph” or “filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)”. If one use “writing-mode: tb-rl” without any “filter” the text is displayed as vertical, but it has not exact the orientation which I'd prefer. The mode “writing-mode: tb-rl” is probably introduced for japanese textes, so such orientation. Textes with a “filter” style has correct orientation can be bad zoomed in inside of IE 8. But it is not my main problem. I write about this problem in jqGrid forum, because my main problem currently is the cutting of textes inside jqGrid header. See
Best regards
Oleg
Hello Tony!
Thank you very much! Now I understand that the problem can be solved. I made some more experiments and find strange behaviors.
First of all, your example looks like very good in IE6 and Firefox 3.6. IE8 seems have several bugs, but if one set property (margin-left and margin-bottom) on column headers dynamically, different value per column, one could receive more readable results. Nevertheless texts will be cut in IE8 like I describe in my previous post.
Because currently I create a solution for customer, where almost IE6 used, I tried to reproduce you results. But I find interesting and strange things. I receive very good results in IE6, but bad results not only in IE8, but also in Firefox 3.6:
in IE6 we can see:
in Firefox 3.6:
in IE8:
Moreover, I find by the way a real bug in sortable column headers in current version of jqGrid. If one drag last column header on another place in any browser (IE6, FF36, IE8) one receive wrong headers:
Have you an idea what is different in my and your example?
The code of my examples with the last version of jqGrid from http://github.com/tonytomov/jqGrid/tree/master you can download from http://www.ok-soft-gmbh.com/VerticalHeaders/VerticalHeaders.zip. Here is the html code of my test:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head id=”Head”>
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top
