39 lines
941 B
TypeScript
39 lines
941 B
TypeScript
import type { TableProps } from "antd";
|
|
import { Table } from "antd";
|
|
|
|
interface XTableProps<T> extends TableProps<T> {
|
|
className?: string;
|
|
}
|
|
|
|
// TODO: antd table 组件相比 shadcn/ui 开发效率更高
|
|
// 等未来有时间，可以将 xtable 实现替换成 shadcn/ui table
|
|
export function XTable<T extends object>({
|
|
className,
|
|
...props
|
|
}: XTableProps<T>) {
|
|
return (
|
|
<Table<T>
|
|
tableLayout="fixed"
|
|
{...props}
|
|
className={className}
|
|
scroll={{ x: "max-content" }}
|
|
// size="middle"
|
|
pagination={{
|
|
showSizeChanger: true,
|
|
showQuickJumper: false,
|
|
position: ["bottomRight"],
|
|
showTotal: (total) => `共 ${total} 条`,
|
|
size: "small",
|
|
...props.pagination,
|
|
pageSizeOptions: ["10", "20", "30", "50"],
|
|
}}
|
|
style={{
|
|
width: "100%",
|
|
overflowX: "auto",
|
|
paddingBottom: 8,
|
|
...props.style,
|
|
}}
|
|
/>
|
|
);
|
|
}
|