At a recent UX meeting, someone asked if we can make sure all columns of the new protein table are visible by default. Because the table has a tree to its left, the table is pushed farther to the right, causing more columns to get truncated.
The scaling should only be done when the table first renders, and not when the window is resized or zoomed in. The basic idea is, when the table is rendered, if the sum of its width and the distance from the left edge of the screen is larger than the width of the window, then scale the table so the sum is the same as the width of the window.
At a recent UX meeting, someone asked if we can make sure all columns of the new protein table are visible by default. Because the table has a tree to its left, the table is pushed farther to the right, causing more columns to get truncated.
The scaling should only be done when the table first renders, and not when the window is resized or zoomed in. The basic idea is, when the table is rendered, if the sum of its width and the distance from the left edge of the screen is larger than the width of the window, then scale the table so the sum is the same as the width of the window.
The CSS scale transform function would probably work well for this.