|
@@ -64,9 +64,6 @@ export const DataTablePagination: React.FC<DataTablePaginationProps> = ({
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<div className="flex justify-between items-center mt-4">
|
|
<div className="flex justify-between items-center mt-4">
|
|
|
- <div className="text-sm text-muted-foreground">
|
|
|
|
|
- 第 {currentPage} 页,共 {totalPages} 页,共 {totalCount} 条记录
|
|
|
|
|
- </div>
|
|
|
|
|
<Pagination>
|
|
<Pagination>
|
|
|
<PaginationContent>
|
|
<PaginationContent>
|
|
|
<PaginationItem>
|
|
<PaginationItem>
|
|
@@ -80,9 +77,7 @@ export const DataTablePagination: React.FC<DataTablePaginationProps> = ({
|
|
|
}}
|
|
}}
|
|
|
aria-disabled={currentPage <= 1}
|
|
aria-disabled={currentPage <= 1}
|
|
|
className={currentPage <= 1 ? "pointer-events-none opacity-50" : ""}
|
|
className={currentPage <= 1 ? "pointer-events-none opacity-50" : ""}
|
|
|
- >
|
|
|
|
|
- 上一页
|
|
|
|
|
- </PaginationPrevious>
|
|
|
|
|
|
|
+ />
|
|
|
</PaginationItem>
|
|
</PaginationItem>
|
|
|
|
|
|
|
|
{pageNumbers.map((page, index) => {
|
|
{pageNumbers.map((page, index) => {
|
|
@@ -120,9 +115,7 @@ export const DataTablePagination: React.FC<DataTablePaginationProps> = ({
|
|
|
}}
|
|
}}
|
|
|
aria-disabled={currentPage >= totalPages}
|
|
aria-disabled={currentPage >= totalPages}
|
|
|
className={currentPage >= totalPages ? "pointer-events-none opacity-50" : ""}
|
|
className={currentPage >= totalPages ? "pointer-events-none opacity-50" : ""}
|
|
|
- >
|
|
|
|
|
- 下一页
|
|
|
|
|
- </PaginationNext>
|
|
|
|
|
|
|
+ />
|
|
|
</PaginationItem>
|
|
</PaginationItem>
|
|
|
</PaginationContent>
|
|
</PaginationContent>
|
|
|
</Pagination>
|
|
</Pagination>
|