feat: a stable table

This commit is contained in:
Zephyruso 2023-09-05 17:02:43 +08:00
parent 0115daf014
commit e19e53d0f6

View File

@ -116,12 +116,12 @@ export default () => {
enableSorting: false, enableSorting: false,
header: () => <span>{t('close')}</span>, header: () => <span>{t('close')}</span>,
cell: ({ row }) => ( cell: ({ row }) => (
<div class="flex h-full items-center"> <div class="flex h-4 items-center">
<Button <Button
class="btn-circle btn-xs" class="btn-circle btn-xs"
onClick={() => onCloseConnection(row.id)} onClick={() => onCloseConnection(row.id)}
> >
<IconCircleX size="18" /> <IconCircleX size="16" />
</Button> </Button>
</div> </div>
), ),
@ -268,7 +268,7 @@ export default () => {
<div class="overflow-x-auto whitespace-nowrap rounded-md bg-base-300"> <div class="overflow-x-auto whitespace-nowrap rounded-md bg-base-300">
<table class="table table-zebra table-xs relative rounded-none"> <table class="table table-zebra table-xs relative rounded-none">
<thead class="sticky top-0 z-10"> <thead class="sticky top-0 z-10 h-8">
<For each={table.getHeaderGroups()}> <For each={table.getHeaderGroups()}>
{(headerGroup) => ( {(headerGroup) => (
<tr> <tr>
@ -308,11 +308,7 @@ export default () => {
<tbody> <tbody>
<For each={table.getRowModel().rows}> <For each={table.getRowModel().rows}>
{(row) => ( {(row) => (
<tr <tr class="h-8 hover:!bg-primary hover:text-primary-content">
class={twMerge(
'hover:!bg-primary hover:text-primary-content',
)}
>
<For each={row.getVisibleCells()}> <For each={row.getVisibleCells()}>
{(cell) => ( {(cell) => (
<td <td