You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Feb 2, 2025. It is now read-only.
@@ -31,3 +28,43 @@ Add the dependencies in the scripts and styles attributes:
31
28
...
32
29
}
33
30
```
31
+
32
+
#### Update CSS
33
+
34
+
Update your global style ( genreally styles.css ) as
35
+
36
+
```css
37
+
/** Fixed columns css
38
+
39
+
These classes are injected by fixed columns extensions
40
+
and can be tweaked here to match the colors of headers and body
41
+
to hide the scrolling element behind the fixed header.
42
+
43
+
*/
44
+
45
+
table.dataTable thead tr > .dtfc-fixed-left,
46
+
table.dataTable thead tr > .dtfc-fixed-right,
47
+
table.dataTable tfoot tr > .dtfc-fixed-left,
48
+
table.dataTable tfoot tr > .dtfc-fixed-right {
49
+
top: 0;
50
+
bottom: 0;
51
+
z-index: 3;
52
+
background-color: white;
53
+
}
54
+
55
+
table.dataTable tbody tr > .dtfc-fixed-left,
56
+
table.dataTable tbody tr > .dtfc-fixed-right {
57
+
z-index: 1;
58
+
background-color: white;
59
+
}
60
+
61
+
div.dtfc-left-top-blocker,
62
+
div.dtfc-right-top-blocker {
63
+
background-color: white;
64
+
}
65
+
```
66
+
Alternative to writing css to global file, you can also install a supported css file for this extension from npm library and update it inside ``styles`` property in angular.json.
0 commit comments