Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[data grid] Bottom border doesn't reflect on pinned columns #13443

Closed
bojanmitic opened this issue Jun 11, 2024 · 6 comments
Closed

[data grid] Bottom border doesn't reflect on pinned columns #13443

bojanmitic opened this issue Jun 11, 2024 · 6 comments
Labels
component: data grid This is the name of the generic UI component, not the React module! customization: css Design CSS customizability feature: Column pinning Related to the data grid Column pinning feature support: commercial Support request from paid users support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/

Comments

@bojanmitic
Copy link

bojanmitic commented Jun 11, 2024

The problem in depth

I have set borders on row element. However, bottom border is missing on pinned columns. Please see attachments
Screenshot 2024-06-11 at 11 16 09
Screenshot 2024-06-11 at 11 16 17

As you can see green border(top border) goes all the way, even through pinned columns, but bottom(black border) goes only on unpinned columns. Why and how to fix it?

Your environment

`npx @mui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: Bottom border on pinned columns
Order ID: 69131

@bojanmitic bojanmitic added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: commercial Support request from paid users labels Jun 11, 2024
@michelengelen michelengelen added component: data grid This is the name of the generic UI component, not the React module! customization: css Design CSS customizability feature: Column pinning Related to the data grid Column pinning feature support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/ labels Jun 11, 2024
@michelengelen michelengelen changed the title Bottom border doesn't reflect on pinned columns [data grid] Bottom border doesn't reflect on pinned columns Jun 11, 2024
@michelengelen
Copy link
Member

Hey @bojanmitic ... it works for me: DEMO

Which version of the grid are you using?

@michelengelen michelengelen added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jun 11, 2024
@bojanmitic
Copy link
Author

We are updating packages, so this happened with version 7.6.1. Earlier version was 6.18.6 and it worked as it should. Not sure why this happens. :(

@github-actions github-actions bot added status: waiting for maintainer These issues haven't been looked at yet by a maintainer and removed status: waiting for author Issue with insufficient information labels Jun 11, 2024
@bojanmitic
Copy link
Author

Probably it's problem somewhere in our code

@michelengelen
Copy link
Member

It might just be some kind of global styling ... If you could provide a reproduction I would be glad to assist.

@michelengelen michelengelen added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jun 11, 2024
@bojanmitic
Copy link
Author

Sure, thank you. I think we can close this issue.

@github-actions github-actions bot added status: waiting for maintainer These issues haven't been looked at yet by a maintainer and removed status: waiting for author Issue with insufficient information labels Jun 11, 2024
@michelengelen michelengelen removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jun 11, 2024
Copy link

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@bojanmitic: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: data grid This is the name of the generic UI component, not the React module! customization: css Design CSS customizability feature: Column pinning Related to the data grid Column pinning feature support: commercial Support request from paid users support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/
Projects
None yet
Development

No branches or pull requests

2 participants