zakodium-oss / react-science

React components and tools to build scientific applications.
https://react-science.pages.dev
MIT License
2 stars 6 forks source link

Measurement information panel improvements #640

Closed lpatiny closed 5 months ago

lpatiny commented 7 months ago

More compact design ?

We have around 1000 parameters in NMR spectra and the rows could be more compact

image

Search bar could be fixed

When we scroll we should keep the search bar fixed.

Case insensitive is still a 'good' match

Currently if the table contain 'P1' and we search for 'p1' nothing if found. It should be case insensitive by default, also for ordering the results.

Better visual separation of the different sections ?

In this example it is not clear when we switch of sections

Counter with total number of rows (all sections) and selected number of rows.

Next to the search box we could have [ 12/45 ]

image

Table could take always full width

It does not look nice currently when you have many section and one take 100% width while the other one is much smaller.

image

Parameter should be sorted

The first columns containing the parameter label should be sorted by default (case insensitive sort).

image

stropitek commented 7 months ago

We have around 1000 parameters in NMR spectra and the rows could be more compact

The table component has a compact prop and it's not used in the info panel.