Optimize scrolling behavior of Discover table (#7017)

* Optimize scrolling behavior of Discover table This is an improvement to #6683 Signed-off-by: Miki <[email protected]>
opensearch-project · Jun 13, 2024 · ebe2b9f · ebe2b9f
1 parent fdc83e1
commit ebe2b9f
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/.../discover/public/application/components/default_discover_table/default_discover_table.tsx b/.../discover/public/application/components/default_discover_table/default_discover_table.tsx
@@ -180,6 +180,10 @@ const DefaultDiscoverTableUI = ({
     if (tableElement) {
       // Load the first batch of rows and adjust the columns to the contents
       tableElement.style.tableLayout = 'auto';
+      // To prevent influencing the auto-sizing, unset the widths from a previous render
+      tableElement.querySelectorAll('thead > tr > th:not(:first-child)').forEach((th) => {
+        (th as HTMLTableCellElement).style.width = 'unset';
+      });
 
       tableLayoutRequestFrameRef.current = requestAnimationFrame(() => {
         if (tableElement) {