Merge pull request #1753 from tmpacifitech/dash-table/column-width

Fit column width to child elements
plotly · Sep 20, 2021 · 79bc6ba · 79bc6ba
2 parents 2cc3dab + b658f58
commit 79bc6ba
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/components/dash-table/src/dash-table/components/Table/Table.less b/components/dash-table/src/dash-table/components/Table/Table.less
@@ -504,13 +504,18 @@
             th {
                 white-space: nowrap;
 
-                .column-header--clear,
-                .column-header--delete,
-                .column-header--edit,
-                .column-header--hide,
-                .column-header--sort {
-                    .not-selectable();
-                    cursor: pointer;
+                .column-header {
+                    display: flex;
+                    justify-content: space-between;
+
+                    &--clear,
+                    &--delete,
+                    &--edit,
+                    &--hide,
+                    &--sort {
+                        .not-selectable();
+                        cursor: pointer;
+                    }
                 }
             }
 

diff --git a/components/dash-table/src/dash-table/derived/header/content.tsx b/components/dash-table/src/dash-table/derived/header/content.tsx
@@ -283,7 +283,7 @@ function getter(
                         );
 
                     return (
-                        <div>
+                        <div className='column-header'>
                             {!column_selectable || !selectable ? null : (
                                 <span className='column-header--select'>
                                     <input