<div key={item.day + index} className={`${isToday &&"border border-primary"} rounded-sm overflow-hidden`}> <Table className="w-full"> <TableBody> <TableRow className={`text-xs text-left text-white font-ali`} > <TableCell className={`w-1/6 py-2`}> <span>{t("DAY")}</span>...
</TableBody> </Table> ) } 效果 html + css实现 tbody增加display:block和overflow-y: auto属性 tr和th增加display:table和table-layout: fixed属性 tbody设置固定高度 <html><head><style>table.gridtable{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:1px;border-color...
示例CSS:csstable {width: 100%;bordercollapse: collapse;}thead th {position: sticky;top: 0; /* 固定在顶部 */backgroundcolor: #fff; /* 可根据需要调整背景色 */zindex: 1; /* 确保表头在其他内容之上 */}tbody {overflowy: auto; /* 允许垂直滚动 */maxheight: 300px; /* 根据...
<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...
<div class="p-2 flex-1 overflow-auto"> <slot name="content"/> </div> <p v-if="$slots.description || description" class="text-sm text-muted-foreground"> <span v-if="description">{{ description }}</span> <slot v-else name="description"/> </p> </div> <AlertDialogFooter class...
group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-...
tbody增加display:block和overflow-y: auto属性 tr和th增加display:table和table-layout: fixed属性 tbody设置固定高度 <html><head><style>table.gridtable{font-family:verdana,arial,sans-serif;font-size:11px;color:#333333;border-width:1px;border-color:#666666;border-collapse:collapse;}table.gridtable tr...
className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" {...props} > <div className={cn('pb-4 pt-0', className)}>{children}</div> </AccordionPrimitive.Content> )); AccordionContent.displayName = AccordionPrimitive.Content.displa...
@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase. @coderabbitai read src/utils.ts and generate unit testing code.
props}> <DialogContent className="overflow-hidden p-0"> <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-...