` 配合 Flexbox 简单封装的 table\n- `ScrollDivTable` 用 `
` 实现的带横向滚动的 table\n\n```ts\nimport { RoughDivTable } from \"@jimengio/rough-table\";\n\nlet columns: IRoughTableColumn
[] = [\n { title: \"物料编号\", dataIndex: \"code\", render: (item: IData[\"code\"], record: IData) => item },\n { title: \"名称\", dataIndex: \"name\", render: (item: IData[\"name\"], record: IData) => item },\n { title: \"型号\", dataIndex: \"model\", render: (item: IData[\"model\"], record: IData) => item },\n { title: \"操作\", dataIndex: \"model\", width: 80, render: (item: any, record: IData) => },\n];\n\n {} }} />;\n```\n\nDetails about props:\n\n```ts\n// a faked data...\ninterface IData {\n name: string;\n}\n\nexport interface IRoughTableColumn {\n title: ReactNode;\n hidden?: boolean;\n width?: number | string;\n className?: string;\n style?: CSSProperties;\n dataIndex: keyof T;\n render?: (value: any, record: T, itemIndex?: number) => ReactNode;\n}\n\ninterface IProps {\n className?: string;\n data: { [k: string]: any }[];\n /** it renders each item of data into an array */\n columns: IRoughTableColumn;\n rowPadding?: number;\n cellClassName?: string;\n /** Display empty symbol rather than set it transparent */\n showEmptySymbol?: boolean;\n selectedKeys?: string[];\n rowKey?: string;\n onRowClick?: (record: IData) => void;\n /** antd pagination */\n pageOptions?: PaginationProps;\n /** Default locale is \"no data\" */\n emptyLocale?: string;\n}\n```\n\n`ActionLinks` creates the links of editing:\n\n```tsx\nimport { ActionLinks, IActionLinkItem } from \"@jimengio/rough-table\";\n\nlet actions: IActionLinkItem[] = [\n {\n text: \"修改\",\n onClick: () => {},\n },\n {\n text: \"删除\",\n onClick: () => {},\n },\n];\n\n;\n```\n\n### Workflow\n\nhttps://github.com/jimengio/ts-workflow\n\n### License\n\nMIT\n","readmeFilename":"README.md"}