DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
Examples
Manual
Reference
Extensions
Plug-ins
Blog
Forums
Discussions
Sign In
Support
FAQs
Download
Purchase
≡
Show site navigation
Cell background color for fixed column cells
Cell background color for fixed column cells
schuck9
Posts: 2
Questions: 0
Answers: 0
January 2013
edited January 2013
in
General
I cannot seem to figure out how to change the background color for the cells that are under fixed columns. Before I used the FixedColumns plugin I used the row callback from the data table to do the job. Any ideas?
Replies
allan
Posts: 63,761
Questions: 1
Answers: 10,510
Site admin
January 2013
Use some CSS like that in the CSS file that comes with FixedColumns:
[code]
/* Block out what is behind the fixed column's header and footer */
table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
background-color: white;
}
/* Block out the gap above the scrollbar on the right, when there is a fixed
* right column
*/
div.DTFC_Blocker {
background-color: white;
}
[/code]
Allan
This discussion has been closed.
Sign In
·
Register
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Sign In
Register
Quick Links
Categories
Recent Discussions
Unanswered
Categories
74.5K
All Categories
56
Priority support
24.2K
Free community support
1K
General
14
Announcements
2.5K
DataTables
87
DataTables 2
1.3K
DataTables 1.10
92
DataTables 1.9
35
DataTables 1.8
9
CloudTables
2.2K
Editor
2.8K
Extensions
20
AutoFill
311
Buttons
50
ColVis
30
DateTime
68
FixedColumns
50
FixedHeader
33
ColReorder
31
KeyTable
104
Responsive
23
RowReorder
42
Scroller
166
SearchBuilder
193
SearchPanes
107
Select
26
StateRestore
22
TableTools
220
Bug reports
67
Feature requests
100
Plug-ins
11
Blog
70
Web-site
Replies
[code]
/* Block out what is behind the fixed column's header and footer */
table.DTFC_Cloned thead,
table.DTFC_Cloned tfoot {
background-color: white;
}
/* Block out the gap above the scrollbar on the right, when there is a fixed
* right column
*/
div.DTFC_Blocker {
background-color: white;
}
[/code]
Allan