fix: Issues #149 tr to text-center done.

This commit is contained in:
chiayin
2024-03-01 10:45:23 +08:00
parent 14c3a2b05c
commit 2a8548170b

View File

@@ -44,7 +44,7 @@
</div> </div>
</div> </div>
<div class="overflow-y-auto overflow-x-auto scrollbar h-[calc(100%_-_200px)] infiniteTable" @scroll="handleScroll"> <div class="overflow-y-auto overflow-x-auto scrollbar h-[calc(100%_-_200px)] infiniteTable" @scroll="handleScroll">
<DataTable :value="caseData" showGridlines tableClass="text-sm " breakpoint="0"> <DataTable :value="caseData" showGridlines tableClass="text-sm" breakpoint="0">
<div v-for="(col, index) in columnData" :key="index"> <div v-for="(col, index) in columnData" :key="index">
<Column :field="col.field" :header="col.header"> <Column :field="col.field" :header="col.header">
<template #body="{ data }"> <template #body="{ data }">
@@ -282,13 +282,13 @@ export default {
} }
/* Table set */ /* Table set */
:deep(.p-datatable-thead) { :deep(.p-datatable-thead) {
@apply sticky top-0 left-0 z-10 bg-neutral-10 @apply sticky top-0 left-0 z-10 bg-neutral-10 text-center
} }
:deep(.p-datatable .p-datatable-thead > tr > th) { :deep(.p-datatable .p-datatable-thead > tr > th) {
@apply !border-y-0 border-neutral-500 bg-neutral-100 after:absolute after:left-0 after:w-full after:h-full after:block after:top-0 after:border-b after:border-t after:border-neutral-500 @apply !border-y-0 border-neutral-500 bg-neutral-100 after:absolute after:left-0 after:w-full after:h-full after:block after:top-0 after:border-b after:border-t after:border-neutral-500
} }
:deep(.p-datatable .p-datatable-tbody > tr > td) { :deep(.p-datatable .p-datatable-tbody > tr > td) {
@apply border-neutral-500 !border-t-0 @apply border-neutral-500 !border-t-0 text-center
} }
:deep(.p-datatable .p-datatable-thead > tr > th) { :deep(.p-datatable .p-datatable-thead > tr > th) {
white-space: nowrap; white-space: nowrap;