fix: 3 first columns should be sticky view group (#9123)

Fix #9113 

<img width="591" alt="Screenshot 2024-12-18 at 3 33 05 PM"
src="https://github.com/user-attachments/assets/df55eff3-7b0d-4cf0-881b-167e1bf2f97b"
/>

<img width="543" alt="Screenshot 2024-12-18 at 3 34 37 PM"
src="https://github.com/user-attachments/assets/76fe06e1-0a46-4130-921d-1d480306bda2"
/>
This commit is contained in:
Jérémy M 2024-12-18 16:35:08 +01:00 committed by GitHub
parent 94676215ad
commit 01fc70da0f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 3 deletions

View File

@ -23,7 +23,7 @@ export const RecordTableBodyDroppable = ({
>
{(provided) => (
<RecordTableBody
id={`record-table-body${recordGroupId ? `-${recordGroupId}` : ''}`}
id="record-table-body"
ref={provided.innerRef}
// eslint-disable-next-line react/jsx-props-no-spreading
{...provided.droppableProps}

View File

@ -65,9 +65,10 @@ export const RecordTableActionRow = ({
<StyledIconContainer>
<LeftIcon size={theme.icon.size.sm} color={theme.font.color.tertiary} />
</StyledIconContainer>
<StyledRecordTableTdTextContainer colSpan={visibleTableColumns.length}>
<StyledRecordTableTdTextContainer>
<StyledText>{text}</StyledText>
</StyledRecordTableTdTextContainer>
<StyledEmptyTd colSpan={visibleTableColumns.length - 1} />
<StyledEmptyTd />
<StyledEmptyTd />
</StyledRecordTableDraggableTr>

View File

@ -91,7 +91,7 @@ export const RecordTableRecordGroupSection = () => {
<IconChevronUp size={theme.icon.size.md} />
</motion.span>
</StyledChevronContainer>
<StyledRecordGroupSection colSpan={visibleColumns.length}>
<StyledRecordGroupSection>
<Tag
variant={
recordGroup.type !== RecordGroupDefinitionType.NoValue
@ -108,6 +108,7 @@ export const RecordTableRecordGroupSection = () => {
/>
<StyledTotalRow>{recordIdsByGroup.length}</StyledTotalRow>
</StyledRecordGroupSection>
<StyledEmptyTd colSpan={visibleColumns.length - 1} />
<StyledEmptyTd />
<StyledEmptyTd />
</StyledTrContainer>