feat: add classname to enhanceColumns method, separate checkbox cell …

…class
gravity-ui · Oct 19, 2023 · 86f852f · 86f852f
1 parent fabb4db
commit 86f852f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Table/Table.scss b/src/components/Table/Table.scss
@@ -52,7 +52,6 @@
     &__cell {
         position: relative;
 
-        min-width: 17px;
         box-sizing: content-box;
         padding: 11px 10px;
         border-bottom: 1px solid var(--g-color-line-generic);

diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
@@ -152,6 +152,7 @@ export class Table<I extends TableDataItem = Record<string, string>> extends Rea
             content = id;
         }
 
+        if (id === '_selection') return content;
         return <span className={b('th-content')}>{content}</span>;
     }
 

diff --git a/src/components/Table/hoc/withTableSelection/withTableSelection.scss b/src/components/Table/hoc/withTableSelection/withTableSelection.scss
@@ -1,10 +1,12 @@
 @use '../../variables';
-@import '../../Table';
 
 #{variables.$block} {
+    &__checkbox_cell {
+        min-width: 17px;
+    }
+
     &__selection-checkbox {
-        @extend #{variables.$block}__cell;
-        @extend #{variables.$block}__cell_edge-padding;
+        padding: inherit;
         border-bottom: none;
         position: absolute;
         top: 0;

diff --git a/src/components/Table/hoc/withTableSelection/withTableSelection.tsx b/src/components/Table/hoc/withTableSelection/withTableSelection.tsx
@@ -162,7 +162,7 @@ export function withTableSelection<I extends TableDataItem, E extends {} = {}>(
                 id: selectionColumnId,
                 name: this.renderHeadCell,
                 template: this.renderBodyCell,
-                width: 17, // checkbox width
+                className: b('checkbox_cell'),
                 sticky: _get(columns, [0, 'sticky']) === 'left' ? 'left' : undefined,
             };