ReactStickyHeadroom VS floatThead

Compare ReactStickyHeadroom vs floatThead and see what are their differences.

ReactStickyHeadroom

A React Component to hide a Header using CSS sticky position (by digitalfabrik)

floatThead

Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't (by mkoryak)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
ReactStickyHeadroom floatThead
0 3
27 1,222
- -
7.2 1.3
6 days ago about 1 year ago
TypeScript JavaScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

ReactStickyHeadroom

Posts with mentions or reviews of ReactStickyHeadroom. We have used some of these posts to build our list of alternatives and similar projects.

We haven't tracked posts mentioning ReactStickyHeadroom yet.
Tracking mentions began in Dec 2020.

floatThead

Posts with mentions or reviews of floatThead. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-08-19.
  • PNG File Chunk Inspector
    2 projects | news.ycombinator.com | 19 Aug 2021
    For anyone who wants to implement this, please _don't_ implement it like the GIF. <https://github.com/mkoryak/floatThead/blob/master/README.md> Instead, do what mobile web browsers do, where the header is automatically revealed and overlaid onto the content when scrolling up. On desktop, you can make it so the headers are also revealed when mousing around over the relevant data. But indiscriminately reducing the size of the viewport by going sticky is incredibly annoying.
    2 projects | news.ycombinator.com | 19 Aug 2021
    I looked at your code and it's written in typescript, but I have a thing written in jQuery whitch floats the table headers that your website really needs. You can probably use position:fixed too.

    https://github.com/mkoryak/floatThead

What are some alternatives?

When comparing ReactStickyHeadroom and floatThead you can also consider the following projects:

DataTables - Tables plug-in for jQuery

Tabulator - Interactive Tables and Data Grids for JavaScript

FooTable V3 - jQuery plugin to make HTML tables responsive

react-headroom - Hide your header until you need it

jTable - A JQuery plugin to create AJAX based CRUD tables.

flexboxgrid - Grid based on CSS3 flexbox

react-sticky - <Sticky /> component for awesome React apps

Freewall - Freewall is a cross-browser and responsive jQuery plugin to help you create grid, image and masonry layouts for desktop, mobile, and tablet...

Packery - :bento: Gapless, draggable grid layouts

Masonry - :love_hotel: Cascading grid layout plugin

gridjs - Advanced table plugin

excel2table - Convert Excel files to HTML