mkoryak / floatThead

Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't
https://mkoryak.github.io/floatThead/
MIT License
1.22k stars 196 forks source link

fthfoot > visible (padded) with Bootstrap 5.3.X #481

Open marcreig opened 7 months ago

marcreig commented 7 months ago

Hi,

discovered this plugin just today. Been trying to do something similar through thead clonation via jQuery and achieved something interesting, but this is the absolute solution! Even being compatible with Bootstrap's table responsiveness container! So no need to reinvent the wheel! And don't get fooled: "position: sticky" on TH is NOT the solution at all. Too messy...

So, just have seen that (and I guess that it was not on Bootstrap 3.X) the self appended fthfoot element, beings visible on bootstrap tables. As it gets padded from multiples CSS rules on it. Visibility: hidden colud be replaced by "collapse", but I'm not sure if this breaks something on plugin's behaviour.

FSURXW2

So I've gone thorugh a simple:

fthfoot, fthfoot>*, fthfoot>*>*{ padding: 0px!important; margin: 0px!important; }

Works like charm. Hope someone can tell if it's the right path to go, or maybe any other solution should be more appropiate.

Thanks and regards,

MR.