diff --git a/src/components/Table/Table.scss b/src/components/Table/Table.scss index 451c0f5b1..d80ea9c74 100644 --- a/src/components/Table/Table.scss +++ b/src/components/Table/Table.scss @@ -122,9 +122,8 @@ border-bottom-color: transparent; } - &__th-content { + &__head &__cell { @include mixins.text-accent; - display: inline-block; &::first-letter { text-transform: uppercase; } diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx index 527c03fc1..a462982e3 100644 --- a/src/components/Table/Table.tsx +++ b/src/components/Table/Table.tsx @@ -152,7 +152,7 @@ export class Table> extends Rea content = id; } - return {content}; + return content; } static getBodyCellContent( diff --git a/src/components/Table/hoc/withTableSelection/withTableSelection.scss b/src/components/Table/hoc/withTableSelection/withTableSelection.scss index cb5c8a81f..e89d642cf 100644 --- a/src/components/Table/hoc/withTableSelection/withTableSelection.scss +++ b/src/components/Table/hoc/withTableSelection/withTableSelection.scss @@ -1,8 +1,19 @@ @use '../../variables'; #{variables.$block} { + &__checkbox_cell { + position: relative; + min-width: 17px; + } + &__selection-checkbox { - display: inline-block; + padding: inherit; + border-bottom: none; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; } &__row_selected { diff --git a/src/components/Table/hoc/withTableSelection/withTableSelection.tsx b/src/components/Table/hoc/withTableSelection/withTableSelection.tsx index 20d07334d..a8dac459c 100644 --- a/src/components/Table/hoc/withTableSelection/withTableSelection.tsx +++ b/src/components/Table/hoc/withTableSelection/withTableSelection.tsx @@ -162,7 +162,7 @@ export function withTableSelection( id: selectionColumnId, name: this.renderHeadCell, template: this.renderBodyCell, - width: 17, // checkbox width + className: b('checkbox_cell'), sticky: _get(columns, [0, 'sticky']) === 'left' ? 'left' : undefined, };