<Table className="rounded-md border-border w-full h-10 overflow-clip relative" divClassname="max-h-screen overflow-y-scroll" > {...table code} </Table> And then, finally pass the sticky props to the <TableHeader> component. <TableHeader className="sticky w-full top-0 h-10 border-b...
const isTable = inject('ShadcnTable', false) 10 changes: 8 additions & 2 deletions 10 src/ui/table/ShadcnTableColumn.vue Original file line numberDiff line numberDiff line change @@ -4,7 +4,9 @@ fixed && 'sticky z-10 bg-gray-50', fixed === 'left' && 'left-0', fixed ...
<InternalCard title="Data Table"></InternalCard> <InternalCard title="Date Picker"></InternalCard> <InternalCard title="Dialog"> <Button label="Open" @click="dialogIsOpen = true">Show Dialog</Button> <Dialog v-model="dialogIsOpen"> <DialogHeader> <DialogTitle>Title</DialogTitle> <Dialog...
const toc = await getTableOfContents(doc.body.raw) return ( <main className="relative py-6 lg:gap-10 lg:py-10 xl:grid xl:grid-cols-[1fr_300px]"> <div className="mx-auto w-full min-w-0"> <DocsPageHeader heading={doc.title} text={doc.description}> {doc.radix ? ( <div class...
<InternalCard title="Data Table"></InternalCard> <InternalCard title="Date Picker"></InternalCard> <InternalCard title="Dialog"> <Button label="Open" @click="dialogIsOpen = true">Show Dialog</Button> <Dialog v-model="dialogIsOpen"> <DialogHeader> <DialogTitle>Title</DialogTitle> <Dialog...
<InternalCard title="Data Table"></InternalCard> <InternalCard title="Date Picker"></InternalCard> <InternalCard title="Dialog"> <Button label="Open" @click="dialogIsOpen = true">Show Dialog</Button> <Dialog v-model="dialogIsOpen"> <DialogHeader> <DialogTitle>Title</DialogTitle> <Dialog...
<div className="sticky top-16 -mt-10 max-h-[calc(var(--vh)-4rem)] overflow-y-auto pt-10"> <DashboardTableOfContents toc={toc} /> </div> </div> </main> ) } 20 changes: 20 additions & 0 deletions 20 apps/www/app/docs/layout.tsx @@ -0,0 +1,20 @@ import { docsConf...
<div className="sticky top-20 -mt-6 h-[calc(100vh-3.5rem)] pt-4"> <ScrollArea className="h-full pb-10"> <div className="no-scrollbar h-full overflow-auto pb-10"> {doc.toc && <DashboardTableOfContents toc={toc} />} <OpenInV0Cta className="mt-6 max-w-[80%]" /> </Scroll...
{/* <div className="w-[20%] flex flex-col shadow-lg h-screen sticky"> <h1 className="text-xl h-16 font-bold px-10 py-5 border-r-[1px] dark:border-gray-900 dark:bg-blue-800 bg-slate-300"> Walia Jobs </h1> <div className="p-10 bg-slate-200 dark:bg-blue-950 h-full">...