I tried use sidebar with data table inside

[miguedev1047]

Hello, I don't know if it's my mistake or the sidebar component's error, but when I try to use the component within a its size does not adjust well, causing a horizontal scroll to appear at the bottom

2024-10-26.10-13-13.mp4

Here I attach a video with my project, I have the same problem with the horizontal scroll

<SidebarProvider> <PanelSidebar /> ... <main className='w-full'>{children}</main> </SidebarProvider>
And this is the structure that I manage

[henriquemtn]

Hi, In my case works only using overflow-hidden inside of main content className.

[beysach]

  <SidebarProvider>
    <AppSidebar />
    <SidebarInset className="overflow-hidden">
      <Header />
      <div className="flex-1 flex flex-col mx-auto p-6 w-full">{children}</div>
    </SidebarInset>
  </SidebarProvider>
);```

[FrancisCodex]

I was debugging for 8 hours because of this problem 🤣 and it was solved with just 1 classname, Thanks ser 🫡

[beysach]

You're welcome hehe ☺️

[FaiJai]

Try to add a overflow-x-hidden to the pink div. If you want it able to scroll vertically as well, use overflow-x-hidden overflow-y-auto