jQuery Grid Plugin - jqGridForum

Topic RSS

Header with two rows and colums with colors how to?

12/08/2008
07:11

josepk

Member

Members

Forum Posts: 44

Member Since:
16/06/2008

Offline

Hi again,

I need some help, I have been looking the documentation, but I

dont found it:

I need that header will be with two rows(lines), if the text is larger

than the wide it will have to put in second line, but it not works.

There is some way to achieve this? I have tryed with the Netscape 3.0

and Explorer 6 and the text is showed only to the wide of the col.

I am trying too put some cols in one color(all the rows of some col) for remark it. But I dont know how to do this when the grid is loading...... some idea?

thanks.

Josep Escofet

13/08/2008
04:56

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Try with br tag

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.

13/08/2008
05:21

josepk

Member

Members

Forum Posts: 44

Member Since:
16/06/2008

Offline

Hi Tony,

I have tryed it with firefox, and with <br> it expands to second line,

but the row is not expanded in their height, then the text is not fully

visible, and with Explorer 6 it happens too, In explorer 6 without

<br> tag the text is visible in the second line but only a piece of text

becouse the row is not expanded in their height,

is it a Bug? or is there some way to ahchieve this?

The second question about to put color, or background color all rows

of an "x" col , is there an easy way to do this?

I have thinked to do a bucle for all grid and look at specifyed col

and change that col for every row, but I dont think that it is the better method, some idea?

14/08/2008
02:40

josepk

Member

Members

Forum Posts: 44

Member Since:
16/06/2008

Offline

Hi,

I have been done!, but I dont know if it is all correct, I have

tested it in Friefox 3.0 and Explorer 6 and it works for me, but I does

not tested subgrids... only the header of the grid.

I have modifyed the grid.css and change :

white-space: normal;

height : auto;

of the following styles:

table.scroll thead th

table.scroll th div

table.scroll th span

and here is the full :

    table.scroll thead th {
    padding: 2px;
    border-bottom: 1px solid #CBC7B8;
    border-left: 1px solid #D4D0C8;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    white-space: normal;
    background-color: #ddeeff;
    height : auto;
}

    table.scroll th div {
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    height : auto;
}
    table.scroll th span {
    cursor: e-resize;
/*    border-right: 1px solid #D6D2C2; */
    width: 10px;
    float: right;
    display: block;
    margin: -2px -1px -2px 0px;
    height: auto;
    overflow: hidden;
    white-space: normal;
}

I expect that will be of utility for someone.

Josep Escofet.

14/08/2008
03:29

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Thank you Josep.

Now if you want this to be dynamically you can use setLabel method.

This way you can construct own class and set this dynamic

Regards

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.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
22 Guest(s)

Currently Browsing this Page:
1 Guest(s)