Improve column header style

Author: tmpacifitech

components/dash-table/src/dash-table/components/Table/Table.less

@@ -504,17 +504,18 @@
             th {
                 white-space: nowrap;
 
-                .column-header--wrapper {
-                    display: inline-flex;
-                }
-
-                .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;
+                    }
                 }
             }
 

components/dash-table/src/dash-table/derived/header/content.tsx

@@ -283,7 +283,7 @@ function getter(
                         );
 
                     return (
-                        <div className='column-header--wrapper'>
+                        <div className='column-header'>
                             {!column_selectable || !selectable ? null : (
                                 <span className='column-header--select'>
                                     <input