0 Replies Latest reply on Jun 20, 2011 9:50 PM by Karsten Wutzke

    Table header gradient not respecting rounded corners?

    Karsten Wutzke Expert



      I have been experimenting with rich:dataTable a bit to give it a custom header, or more specifically add rounded corners/borders to it and use the same gradient that is used for all panels. However, the gradient rendered doesn't respect the CSS rounded corner properties of .rich-table-headercell:




          -moz-border-radius-topleft: 5px;

          -webkit-border-top-left-radius: 5px;

          border-top-left-radius: 5px;


          -moz-border-radius-topright: 5px;

          -webkit-border-top-right-radius: 5px;

          border-top-right-radius: 5px;



      The gradient is rendered across the borders for whatever reason. Is this intended? Or is it a bug? The panel gradients on the other hand do respect the rounded corners...