Looking at the image, I can see the comparison matrix table where some cells in the rightmost bidder column appear empty or cut off, while the first bidder's data is displaying. The Documents Submitted row also shows truncated text. Let me check the code to fix this issue.
I see the issue now - looking at the image, the labels show "Document Compliance" not "Doc Compliance", which means there might be another table or section. But the main issue is that the second bidder column appears to have missing or empty data. The cells have data but the column widths are causing overflow. Let me check the table container and fix the layout:
I see the issue - the table cells have max-w-[180px] which is constraining the width, and the content is getting truncated. Looking at the screenshot, the second bidder's column cells appear empty because the table is overflowing and the max-w is preventing proper display. Let me remove the max-width constraints and ensure the table scrolls properly:
Now let me also fix the document cells to not use line-clamp which could hide content:
I've fixed the comparison matrix table by:
max-w-[180px] from bidder header columns that was constraining width and causing truncationtruncate with whitespace-nowrap on bidder names so they display fullytruncate max-w-[160px] from the criteria breakdown rowsline-clamp-2 from documents submitted/missing cells that was hiding contentThe table now allows content to display fully with horizontal scrolling enabled via the overflow-x-auto container.
Looking at the image, I can see the sticky left column has a major layout issue - the row labels are overlapping with data from other cells. Text like "ittedDoc Compliance", "ojectDocs Submitted", and "ROOM" prefix on "Recommendation" shows content bleeding through the sticky column. This is a z-index and background issue.
I see the issue - the sticky cells are using semi-transparent background colors (like bg-teal-50/50, bg-green-50/30) which don't fully cover the content behind them when scrolling. I need to use solid background colors instead.
Now let me also fix the other rows that have semi-transparent backgrounds:
I've fixed the sticky column background issue by replacing all semi-transparent colors (like bg-teal-50/50, bg-green-50/30, bg-red-50/40) with solid opaque colors (like bg-teal-50, bg-green-50, bg-red-50). The semi-transparent backgrounds were allowing the scrolled content from other cells to show through the sticky left column, causing the text overlap issue visible in the screenshot.