_____ VS @blueprintjs/core

You might need table-layout:fixed and set a column width using colgroup col elements. I think that's what I'm doing on my little table component in this page:https://i5ik.github.io/_____/7guis/

-------------------

- It's possible to scroll it now infinitely (and performantly) for the duration of the very large background element.

- Major problem was I initially was listening for intersection of cells individually on each row, but if a row had already travelled off screen due to a vertical scroll, it would not be possible for its cells to 'intersect' with the viewport element (the window, in Intersection Observer API parlance, the "root"), and so no intersection for that cell would occur, and so cells in that row would not be updated. And if they were not updated, they would not be onscreen when the row was in future removed from the pool and positioned back on screen, and so its cells could no longer be updated, as there would be no cells within that scroll viewport to intersect anymore. The solution to this was to create a logical grouping of cells into columns, and handle any intersection observations for any cell in a column, at once, and apply them to all cells in a column. So the whole column would be updated. Before I fixed this, repeated scrolling (particularly in opposite diagonal directions) would erode the cells present, gradually decreasing their number, and throwing many out of their column alignments.

- Also performance was another issue that's now mostly resolved tho I think I can do better. Basically too much work was happening on handling each Intersection record and we were not ignoring records that triggered the same work to be redone (such as intersection events from each cell in a column). These redundant records are now ignored (but mostly in a haphazard manner that could cause browser dependent bugs).

Next steps

----------

- Add all of the outstanding features (scroll snap, row / col size dragging) from the table component.

- Style it to make it look nice

- Fix the outstanding border 'off by 1' bugs.

- Sync up the 'view portal' with a 'data portal' (movable portal over a very large set of data), and print the correct data corresponding to the current scroll position in the table

- Add the row and column headers using CSS sticky.

This is the only comment I'll make in this thread, thanks for reading, and hit me up with questions at my email if you want: [email protected]

[bt]: https://i5ik.github.io/_____/7guis/ (scroll down to the last 7GUIs component)

[bp]: https://github.com/palantir/blueprint/issues/390

[ft]: https://fulmicoton.com/fattable/index2.html

[sc]: https://showcase.sproutcore.com/#demos/Big%20Data%20Lists

[ct]: https://canvas-datagrid.js.org/demo.html

[mi]: https://developer.mozilla.org/en-US/docs/Web/API/Intersectio...

[other]:

https://js.devexpress.com/Demos/Widgetsgallery/Demo/DataGrid...

https://codepen.io/enigmatic/pen/JGvwEv

https://www.htmlelements.com/demos/grid/overview/

Official Website: https://blueprintjs.com/

Blueprint : A collection of components for building data-intensive interfaces for desktops. It specifically states that it is not designed to work for mobile. It is most likely better for building internal tools, dashboards, and Electron apps. Blueprint is one of the few libs in this list that has a Date Picker component.

Blueprint is a React-based UI toolkit for the web. It is optimised for building complex, data-dense web interfaces for desktop applications that run in modern browsers and IE11. (Source: Blueprint GitHub)

Blueprint is a UI toolkit for React that is designed to build data-rich interfaces for web applications. The core Blueprint NPM package contains 30+ common and unique React components like Button, Card, Menu, Form Group, File Input, etc.

Blueprintjs seem to not work in SSR. https://github.com/palantir/blueprint/issues/131

Maybe https://blueprintjs.com/ for you, although last time I checked it did not have explicit mobile or tablet support. (They don’t aim to break mobile or tablet but they don’t endeavour to support it.)

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.

7) Blueprint

I figured I'd get some downvotes mentioning PLTR here. ;-)

GPalantir is definitely being more open with their demo now, so there are some good ones on their youtube channel.

You can skim through.

https://www.youtube.com/watch?v=uF-GSj-Exms

I'm impressed by how polished everything looks. As a person who does UX / product design, their working software looks better than most designer's portfolio mockups.

I'm impressed by how fast and snappy everything works or feels.

I'm impressed by how rich and custom tailored their UI component library is.

I'm impressed by how focused and tailored their UI for job at hand.

I'm impressed by how every single page in their application looks beautiful, not just a handful.

They actually have all their React UI library published as opensource here. https://blueprintjs.com/

If there's anyone from pltr reading this, good job. Your design people are amazing.