3 Replies Latest reply on May 2, 2012 8:23 AM by ali.abtel

    Remove the border of rich:dataGrid

      There is a problem that when I can't remove the border of the rich:dataGrid
      How can I remove all the border in rich:dataGrid?
      I have tried to add style on the rich:dataGrid,but it does not work
      style="border-top:0px;border-bottom:0px;border-left:0px;border-right:0px;"
      Thanks in advance!

      <rich:dataGrid value="#{dataTableScrollerBean.allCars}" var="car" columns="4" elements="4" width="600px">
           <h:outputText value="cc"/>
      </rich:dataGrid>
        • 1. Re: Remove the border of rich:dataGrid
          ssamayoagt

          Did you ask in the Rich Faces forums?


          Try changing the border color to the background of your page.


          If doesnt work maybe chaingin the skyn/style/css.


          Regards.

          • 2. Re: Remove the border of rich:dataGrid

            Sergio Samayoa wrote on Mar 03, 2010 15:15:


            Did you ask in the Rich Faces forums?

            Try changing the border color to the background of your page.

            If doesnt work maybe chaingin the skyn/style/css.

            Regards.



            Thank you for your remind
            I just post this question in Rich Faces forums, and I get the answer


            just set a css class to the rowClasses or columnClasses attributes 



            and add .dataGridBorder { border:0px; }  in the css file


            • 3. Re: Remove the border of rich:dataGrid
              ali.abtel

              include these css classes in your css

               

               

              .rf-dg-c {

              border-bottom: none;

              border-right :none;

              }

              .rf-dg{

              border-left:none;

              border-top:none;

              }