.scrollable-grid-view { /* define height and width of scrollable area. Add 16px to width for scrollbar */ /* Reset overflow value to hidden for all non-IE browsers. */ /* define width of table. IE browsers only */ /* define width of table. Add 16px to width for scrollbar. */ /* All other non-IE browsers. */ /* set table header to a fixed position. WinIE 6.x only */ /* In WinIE 6.x, any element with a position property set to relative and is a child of */ /* an element that has an overflow property set, the relative value translates into fixed. */ /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */ /* set THEAD element to have block level attributes. All other non-IE browsers */ /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */ /* make the TH elements pretty */ /* make the A elements pretty. makes for nice clickable headers */ /* make the A elements pretty. makes for nice clickable headers */ /* WARNING: swapping the background on hover may cause problems in WinIE 6.x */ /* define the table content to be scrollable */ /* set TBODY element to have block level attributes. All other non-IE browsers */ /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */ /* induced side effect is that child TDs no longer accept width: auto */ /* define width of TH elements: 1st, 2nd, and 3rd respectively. */ /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */ /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */ /* define width of TD elements: 1st, 2nd, and 3rd respectively. */ /* All other non-IE browsers. */ /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */ } .scrollable-grid-view .grid-view-body { clear: both; overflow: auto; } .scrollable-grid-view .grid-view-body { overflow: hidden; } .scrollable-grid-view .grid-view-body .empty-text-wrapper { display: block; margin: 10px auto; width: 30%; padding: 50px; text-align: center; } .scrollable-grid-view .grid-view-body .empty-text-wrapper p { color: #aaa; } .scrollable-grid-view thead.fixed tr { position: relative; } .scrollable-grid-view thead.fixed tr { display: block; } .scrollable-grid-view thead.fixed th { font-weight: bold; text-align: left; } .scrollable-grid-view thead.fixed a, .scrollable-grid-view thead.fixed a:link, .scrollable-grid-view thead.fixed a:visited { color: #FFF; display: block; text-decoration: none; width: 100%; } .scrollable-grid-view thead.fixed a:hover { color: #FFF; display: block; text-decoration: underline; width: 100%; } .scrollable-grid-view tbody.scrollable { display: block; overflow: auto; width: 100%; } .scrollable-grid-view thead.fixed th { padding: 5px; } .scrollable-grid-view tbody.scrollable td { padding: 5px; } .grid-view-footer .toolbar-container { float: left; width: 100%; clear: both; display: block; } .grid-view-footer .toolbar-container .luca-ui-toolbar { display: block; float: right; clear: right; } .grid-view-footer .toolbar-container .luca-ui-toolbar .luca-ui-field { float: left; }