{"id":14972425,"url":"https://github.com/legitcode/table","last_synced_at":"2025-10-26T19:31:19.693Z","repository":{"id":57333879,"uuid":"41939499","full_name":"Legitcode/table","owner":"Legitcode","description":"the simplest, most hands-off table helper","archived":false,"fork":false,"pushed_at":"2015-10-07T20:21:29.000Z","size":1029,"stargazers_count":31,"open_issues_count":2,"forks_count":1,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-01-31T22:41:34.211Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://legitcode.github.io/table/","language":"JavaScript","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/Legitcode.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":"2015-09-04T21:57:14.000Z","updated_at":"2019-08-18T16:51:05.000Z","dependencies_parsed_at":"2022-09-10T23:22:51.002Z","dependency_job_id":null,"html_url":"https://github.com/Legitcode/table","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Legitcode%2Ftable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Legitcode%2Ftable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Legitcode%2Ftable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Legitcode%2Ftable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Legitcode","download_url":"https://codeload.github.com/Legitcode/table/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238394323,"owners_count":19464583,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-09-24T13:46:53.988Z","updated_at":"2025-10-26T19:31:19.353Z","avatar_url":"https://github.com/Legitcode.png","language":"JavaScript","readme":"##Install\n`npm install react-legit-table`\n\n##Another Table Component....\n\nI know what you're thinking... Yet another one of these things, right? I was using Facebook's Fixed Data Table until I realized how big of a library it is. All I needed was a simple html table. It's as simple as it can be, and works great with bootstrap:\n\n###Importing and setup\n~~~js\nimport Table from 'react-legit-table'\n\nlet rows = [\n  {\n    id: 1,\n    name: 'Zach',\n    job: 'coding'\n  },\n  {\n    id: 2,\n    name: 'Jed',\n    job: 'Being a boss'\n  }\n]\n~~~\n\n###Rendering\n\n~~~js\nrender(){\n  return (\n    \u003cTable className=\"table table-bordered\" rows={rows} /\u003e\n  )\n}\n~~~\n\nThe component expects simple, regular ol' javascript objects inside of an array.\n\n###Options\n\n`modify` accepts an object with keys equal to those in your rows object and the values are callbacks that will be called on rendering a row.\nOptionally, use `modifyAll` to change every item.\n\n**Example:**\n\n~~~js\n\nmodifyId({hidden, value, key, row}){\n  return \u003ca href={value}\u003e{value}\u003c/a\u003e\n}\n\nrender() {\n  return (\n    \u003cTable\n    rows={rows}\n    modify={{\n      id: this.modifyId\n    }}/\u003e\n  );\n}\n\n//optionally modifyAll rows:\n\n\u003cTable\nrows={rows}\nmodifyAll={this.modify}\n/\u003e\n~~~\n\n`capitalize` Optionally, turn off capitalization of header row. True by default.\n\n~~~js\n\u003cTable rows={rows} capitalize={false} /\u003e\n~~~\n\n##Requests?\n\nI want to keep this simple and it has been perfect for my use case so far, but I'd love to hear suggestions.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flegitcode%2Ftable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flegitcode%2Ftable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flegitcode%2Ftable/lists"}