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; }
so you could use selectors by Id of particular table. Or use proper styleClasses attributes instead of common rich-* classes.