Optimize scrolling behavior of Discover table (#7017) (#7020)

* Optimize scrolling behavior of Discover table This is an improvement to #6683 (cherry picked from commit ebe2b9f) Signed-off-by: Miki <[email protected]> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Jun 13, 2024 · 471a63e · 471a63e
1 parent ce27890
commit 471a63e
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) {