fix: columns overlapping with checkbox column when horizantally scrolling (#3705)

This commit is contained in:
Anoop P 2024-01-31 16:19:01 +05:30 committed by GitHub
parent edf62f3a3b
commit f6e9456ef6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -22,6 +22,10 @@ const StyledPlaceholder = styled.td`
height: 30px;
`;
const StyledTd = styled.td`
background-color: ${({ theme }) => theme.background.primary};
`;
export const RecordTableRow = ({ recordId, rowIndex }: RecordTableRowProps) => {
const { getVisibleTableColumnsSelector, isRowSelectedFamilyState } =
useRecordTableStates();
@ -54,9 +58,9 @@ export const RecordTableRow = ({ recordId, rowIndex }: RecordTableRowProps) => {
>
{inView ? (
<>
<td>
<StyledTd>
<CheckboxCell />
</td>
</StyledTd>
{[...visibleTableColumns]
.sort((columnA, columnB) => columnA.position - columnB.position)
.map((column, columnIndex) => {