1 Reply Latest reply on Jul 17, 2009 4:24 AM by Ilya Shaikovsky

    how to applying diffrent  style to two rich datatable in one

    aboo salimon Newbie

      hi,

      i need to apply diffrent styles to one or more rich:datatable in same jsp page.

      when i write style to rich:datatable , then same style is applying to all datatable where ever i used richdatable in the project . so help me how can i acheive diffrent style applying to one or more rich:datatble in same jsp page.

      this my style:

      .rich-table {
      
       border-collapse: collapse;
       empty-cells: show;
       color: #000000;
      }
      
      .rich-table-header, .rich-table-header-continue {
       background-color: #ccccff;
       color: #000000;
       height:23px;
       background-image:url(../images/table-header-bg31.jpg);
      }
      
      .rich-table-header-continue {
       background-color: #eeeeff;
       color: #000000;
       height:20px;
       background-image:none;
      }
      
      .rich-table-footer {
       background: none;
      }
      
      .rich-table-headercell {
       color: #ffffff;
       padding: 1px;
       padding-left: 5px;
       text-align: center;
       text-transform: uppercase;
      }
      
      
      TR.rich-table-oddRow {
       background-color: #FBE9CE;
      }
      
      TR.rich-table-evenRow {
       background-color: #ffffff;
      }
      
      TR.rich-table-oddRow:hover {
       background-color: #F7BE81;
      }
      
      TR.rich-table-evenRow:hover {
       background-color: #F7BE81;
      }
      
      TR.rich-table-row {
       padding: 0px;
       color: #000000;
      }
      
      
      .rich-table-cell {
       color: #000000;
       padding: 1px;
       padding-left: 4px;
       padding-right: 4px;
       table-layout: auto;
      
      }
      .rich-table-footercell{
       background-color: #252525;
      
       }