Table style updates

[RaverJay]

Trying to improve table readability (implements #207)

• Mutations are now toggled, hidden by default
• font size is smaller in main table
• random tweaks to colnames, linebreaks, etc

Play with it here:
poreCov_summary_report_2022-02-08--15-07-12.zip

[replikation]

how does the table decide if it's showing mutations or not?. E.g. barcode 18 shows some barcode 16 not

[RaverJay]

how does the table decide if it's showing mutations or not?. E.g. barcode 18 shows some barcode 16 not

• Mutations are now toggled, hidden by default

I just opened one to show how it looks

Should we use some threshold to decide if we want a toggle or not?
e.g. show them all anyways if there are <= 10 or something

[hoelzer]

Really nice! Also with the "Collapse|Expand" buttons.

Should we use some threshold to decide if we want a toggle or not?
e.g. show them all anyways if there are <= 10 or something

I would just collapse all. Looks most clean then, or? Might cause confusion if some are expanded (e.g. bc/ mutations <=10) and some are not?

[RaverJay]

Agreed

concerning doing the same for the other columns:

It would require more JS magic than I know to do the expand/collapse all buttons column-wise - but it would be easy to make them switch the whole table at once - is that good enough?

[replikation]

ah yes missed the small triangle yep than i have nothing to complain ;) really good work and yes hide all sorry for my confusion

[replikation]

i think the whole table doing expand collapse would also be fine. because we just need A) a table (collapsed) so people can quickly go through to check what variant QC etc. and then B) if more details are needed they can expand. so we don't need to overengineer it.

[RaverJay]

Nevermind, I got it done :)

[hoelzer]

fancy! : )

[replikation]

niceeee.

will do some tests today to get this improvement out