I have problem wih 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-hsep, .rich-sdt-hc. I have also disabled the column resizing by setting
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 definately not shown - it must be something else that is visible and draws this lines.
b) I tried seeting the background image in the css class for headers row:
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?