Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Solution to make table header sticky?
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Solution to make table header sticky?
#72311
Solution to make table header sticky? 4 Weeks, 1 Day ago Karma: 0
Would it be possible to make the information on top of the table (show n entries / search) and as well the header line (thead) of the table sticky?

The target would be, to see the search info and the column headings permanent. See orange marked part of the attached image.

Thanks for any hint.
Heinz

Link: www.ghgo.ch/kb?search=Berneck

HeinzP
Don't believe everything you think!
User Offline Click here to see the profile of this user
Gender: Male Location: Lutzenberg Switzerland Birthday: 09/24
Last Edit: 2024/10/25 07:48 By HeinzP.
The administrator has disabled public write access.
 
#72313
Re:Solution to make table header sticky? 3 Weeks, 6 Days ago Karma: 760
Hello,

You can try to add the following CSS rules to "CSS Styles" parameter in module settings:

Code:


#page\#1 {
  overflow: initial !important;
}
TABLE.dataTable {
    position: relative;
}
TABLE.dataTable THEAD {
    background: #fff;
    position: sticky;
    top: 120px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1