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.
Use grid layout instead of current list
See original GitHub issueThis opens the door to more possibilities in UI enhancements Current issues:
- Cannot click row, must click commit message line (clicking empty area doesn’t work)
Please let me know your thoughts. I’m very keen on this. This would require a lot/some refactoring to the UI (I’m not starting this just yet)
Note:
- We can still use the current UI with the gridview, that’s what I’d do first.
- Once gridview is implemented we can slowly change the ui to add columns and the lilke.
- I.e. phase 1 - use grid view with same UI
- Subsequently we can update the UI slowly…
Benefits & other notes:
- Want to use something similar to this
react-virtualized(http://bvaughn.github.io/react-virtualized/#/components/Grid) - Want to have resizable columns
- Want to add virtualization (remove next/previous buttons) & loads more
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Realizing common layouts using grids - CSS - MDN Web Docs
To round off this set of guides to CSS Grid Layout, we're going to walk through a few different layouts, which demonstrate some...
Read more >A Complete Guide to CSS Grid
Defines a grid template by referencing the names of the grid areas ... it's recommended to use the grid property instead of grid-template...
Read more >how to show grid layout instead of list view in wordpress ...
I need grid view layout instead of simple list view layout in wordpress posts like we use bootstrap columns. here is a screenshot...
Read more >How to Use GridLayout
The constructor of the GridLayout class creates an instance that has two columns and as many rows as necessary. Use combo boxes to...
Read more >GridLayout | Android Developers
If a child does not specify the row and column indices of the cell it wishes to occupy, GridLayout assigns cell locations automatically...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
lol, I think the suggestion is to use the package is proposed, but with their grid…
Some notes/links:
As an alternative to react-virtualized could be material-ui?
See: https://material-ui.com/
It does also have a virtualized list and for all controls we could use the same UI framework… instead of bootstrap of course