{"id":39754077,"url":"https://github.com/kavience/react-table","last_synced_at":"2026-01-18T11:29:04.546Z","repository":{"id":57124085,"uuid":"438857566","full_name":"kavience/react-table","owner":"kavience","description":"a react table component: https://kavience.github.io/react-table/","archived":false,"fork":false,"pushed_at":"2021-12-17T04:05:34.000Z","size":1386,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-14T19:53:06.520Z","etag":null,"topics":["react","react-table"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kavience.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-12-16T04:18:15.000Z","updated_at":"2021-12-17T08:52:27.000Z","dependencies_parsed_at":"2022-08-29T22:22:01.327Z","dependency_job_id":null,"html_url":"https://github.com/kavience/react-table","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kavience/react-table","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kavience%2Freact-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kavience%2Freact-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kavience%2Freact-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kavience%2Freact-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kavience","download_url":"https://codeload.github.com/kavience/react-table/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kavience%2Freact-table/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28535169,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T10:13:46.436Z","status":"ssl_error","status_checked_at":"2026-01-18T10:13:11.045Z","response_time":98,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-table"],"created_at":"2026-01-18T11:29:03.888Z","updated_at":"2026-01-18T11:29:04.533Z","avatar_url":"https://github.com/kavience.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003eReact Table Component\u003c/h1\u003e\n\n## Introduction\nA react table UI component.\n\n## Demo\n\n[View Demo](https://kavience.github.io/react-table/)\n\n## Usage\n\n```\nnpm install @kavience/react-table\n```\n\nEasy use\n\n```ts\nimport React from 'react';\nimport ReactTable from '@kavience/react-table';\n\nconst columns: any[] = [\n  {\n    title: '姓名',\n    align: 'center',\n    width: 120,\n    ellipsis: true,\n    dataIndex: 'name'\n  },\n  {\n    title: '年龄',\n    dataIndex: 'age'\n  },\n  {\n    title: '身高',\n    dataIndex: 'height'\n  },\n  {\n    title: '体重',\n    dataIndex: 'weight'\n  }\n];\n\nconst EasyUse = () =\u003e {\n  const dataSource = [\n    {\n      id: 1,\n      name:\n        'kevinkevinkevinkevinkevikevinkevinkevinkevinkevinkevinkevinkevinkevinkevinn',\n      age: 28,\n      height: '168cm',\n      weight: '75kg'\n    },\n    {\n      id: 2,\n      name: 'kevin2',\n      age: 28,\n      height: '168cm',\n      weight: '75kg'\n    },\n    {\n      id: 3,\n      name: 'kevin3',\n      age: 28,\n      height: '168cm',\n      weight: '75kg'\n    }\n  ];\n  \n  return (\n    \u003cdiv\u003e\n      \u003ch2\u003eUse React Table Simply\u003c/h2\u003e\n      \u003cReactTable\n        size=\"mini\"\n        bordered\n        rowKey=\"id\"\n        columns={columns}\n        dataSource={dataSource}\n      /\u003e\n    \u003c/div\u003e\n  );\n};\n\nexport default EasyUse;\n```\n\n## Api\n\n### Table \n| Property   | Description        | Type                                                    | Default  | Version |\n| :--------- | :----------------- | :------------------------------------------------------ | :------- | :------ |\n| columns    | Table coulmns      | Column[]                                                | []       | 0.0.1   |\n| dataSource | Table data source  | any[]                                                   | []       | 0.0.1   |\n| bordered   | Show border or not | boolean                                                 | false    | 0.0.1   |\n| rowKey     | Row's unique key   | string                                                  | 'key'    | 0.0.1   |\n| size       | Table size         | 'mini'   \\| 'small' \\| 'middle' \\| 'large'              | 'middle' | 0.0.1   |\n| header     | Table header       | any                                                     |          | 0.0.1   |\n| footer     | Table  footer      | any                                                     |          | 0.0.1   |\n| pagination | Pagination         | PaginationProps                                         |          | 0.0.1   |\n| locale     | Language locale    | ReactTableLocal                                         |          | 0.0.1   |\n| onChange   | Table change       | (pagination?: any, filters?: any, sorter?: any) =\u003e any; |          | 0.0.1   |\n\n### Column\n| Property  | Description                                                                          | Type                                                       | Default | Version |\n| :-------- | :----------------------------------------------------------------------------------- | :--------------------------------------------------------- | :------ | :------ |\n| key       | Unique key of this column, you can ignore this prop if you've set a unique dataIndex | string                                                     |         | 0.0.1   |\n| dataIndex | Display field of the data record                                                     | string                                                     |         | 0.0.1   |\n| title     | Column title                                                                         | string                                                     |         | 0.0.1   |\n| align     | The specify which way that column is aligned                                         | \\'left' \\| 'right' \\| 'center'                             |         | 0.0.1   |\n| width     | Table Width                                                                          | number  \\| string                                          |         | 0.0.1   |\n| ellipsis  | The ellipsis cell content, not working with sorter and filters for now.              | boolean                                                    | false   | 0.0.1   |\n| hidden    | Hidden this column                                                                   | boolean                                                    | false   | 0.0.1   |\n| className | Column class                                                                         | string                                                     |         | 0.0.1   |\n| onFilter  | Column on filter                                                                     | (value: string, record: any) =\u003e boolean;                   |         | 0.0.1   |\n| sorter    | Column Sorter                                                                        | ((firstRecord: any, secondRecord: any) =\u003e any) \\| boolean; |         | 0.0.1   |\n\n\n## Thanks\n\n- rc-checkbox\n- rc-dropdown\n- rc-pagination\n- rc-select\n- rc-switch\n- [willow-component-tools](https://github.com/kavience/willow-component-tool)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkavience%2Freact-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkavience%2Freact-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkavience%2Freact-table/lists"}