aspose file tools*
The moose likes JSF and the fly likes problems with rich:scrollabledatatable headers Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Java » JSF
Bookmark "problems with rich:scrollabledatatable headers" Watch "problems with rich:scrollabledatatable headers" New topic
Author

problems with rich:scrollabledatatable headers

Adam Kronicki
Ranch Hand

Joined: Sep 01, 2009
Posts: 68
I have posted this question on the richfaces jboss discussion board cause it's strictly rich-oriented but had no response and am still stuck in the same place so I hope someone here can tell me what is going on.
I have problem with customizing the column headers in a rich:scrollabledatatable.



The problems are the following:

a)I can't hide white column separators bewteen the header celss

b)I would like to place one long image as a background for the column headers



I tried the following css aproach to achieve that with no results so far:

a) I set all border-right, border-left etc. to 0px in my header classes which assing to the columns by headerClass="myClass". However there is still a white line between each header. I was setting the border, border-right, border-left, border-right-width, border-left-width to 0px in the following classes: .rich-sdt-header-cell, .rich-sdt-hsplit, .rich-sdt-header-cell-body, .rich-sdt-hc. I have also disabled the column resizing by setting

.rich-sdt-hsep {

display:none;

border: 0px;

border-right-width: 0px;

border-left-width: 0px;

}

.dr-sdt-hsep {

display:none;

border: 0px;

border-right-width: 0px;

border-left-width: 0px;

}



I know that this must be some other class than my header classes because I can manipulate all 4 borders within them and I see my changes - so if I set the to 0px they are definitely not shown - it must be something else that is visible and draws this lines.



b) I tried setting the background image in the css class for headers row:

.rich-std-header-row{

width:680px;

height:33px;

background-image: url(resources/table_header.jpg);

background-repeat: no-repeat;

position: absolute;

bottom: 0px;

z-index:10;

}



I was testing each element separately to make sure that I don't make some kind of mistake here. Does any one have some kind of advice here?
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: problems with rich:scrollabledatatable headers