Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Fixed/Sticky Columns

See original GitHub issue

Is it within the scope of this library to have some way to mark columns as being fixed/sticky?

Eg. having the cells in the first 2 columns of a VariableSizeGrid not scroll horizontally while the rest of the cells do?

Currently I have other code that takes care of fixing these cells, but that is preventing me from using the *Grid components to handle horizontal scroll windowing. Given the complexity of the some of the cell contents this can cause a the rows to take a long time to pop in while/after scrolling.

If this is not currently possible and within the scope of the library I would be willing to look at opening a PR to add this functionality.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

18reactions
heyimalexcommented, Feb 15, 2019

@pupudu This should get you pretty far.

4reactions
nihgwucommented, Jul 9, 2020
Read more comments on GitHub >

github_iconTop Results From Across the Web

A table with both a sticky header and a sticky first column
We've covered that individual cells, and can be position: sticky. It's pretty easy to make the header of a table stick to.
Read more >
Sticky table column - CSS Layout
Create sticky table column with CSS.
Read more >
How do I create an HTML table with a fixed/frozen left column ...
One is using bootstrap CSS to implement sticky. The other answer provides code not directly related to the question, is incorrect, and uses...
Read more >
Sticky Columns (Old Method) • reactable
To make multiple columns sticky, you have to set the left or right positions of the columns to where they'll stick. In this...
Read more >
CSS to position sticky table header & first 3 columns
I just made it to freeze both header as well as the first 3 columns. The magic was lying with the z-index. Since...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Ability to pass a render function for an item

Next page

Horizontal overflow on VariableSizeGrid