What's new

Welcome to xCrud Community - Data Management and extended PHP CRUD

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?

Sticky header?

DaDo

Administrator
Staff member
Joined
Dec 1, 2021
Messages
108
Reaction score
23
Points
18
Is there a way to render a table with a sticky header that I'm missing?
Thanks!!
try add this on our thead class
position: sticky;
position: -webkit-sticky;
left: 0px;
z-index: 2;
 

mdorminy

New member
Joined
Jan 27, 2023
Messages
5
Reaction score
0
Points
1
Location
Nashville, TN
try add this on our thead class
position: sticky;
position: -webkit-sticky;
left: 0px;
z-index: 2;

Great suggestion, but I'm having trouble making it work. Which file contains the css that I need to add this code to?
THANK YOU!!
 

DaDo

Administrator
Staff member
Joined
Dec 1, 2021
Messages
108
Reaction score
23
Points
18
You can try add this on table class xcrud.css
 

mdorminy

New member
Joined
Jan 27, 2023
Messages
5
Reaction score
0
Points
1
Location
Nashville, TN
Almost. When I specify height: 100vh; the header and footer stay fixed but the view/edit/delete buttons disappear.
Any other advice?
 

DaDo

Administrator
Staff member
Joined
Dec 1, 2021
Messages
108
Reaction score
23
Points
18
Almost. When I specify height: 100vh; the header and footer stay fixed but the view/edit/delete buttons disappear.
Any other advice?
You can make mediaquery in css
 
Top Bottom