{"id":22056660,"url":"https://github.com/kevincobain2000/json-to-html-table","last_synced_at":"2025-07-15T10:34:03.455Z","repository":{"id":41552893,"uuid":"286249353","full_name":"kevincobain2000/json-to-html-table","owner":"kevincobain2000","description":"Convert Nested JSON to HTML Table — React, Javascript.","archived":false,"fork":false,"pushed_at":"2023-05-10T07:17:18.000Z","size":6779,"stargazers_count":36,"open_issues_count":0,"forks_count":15,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-06T03:01:48.032Z","etag":null,"topics":["jsontohtml","jsontohtmltable","jsontotable","react"],"latest_commit_sha":null,"homepage":"https://medium.com/web-developer/convert-nested-json-to-html-table-react-javascript-be6611fed718","language":"CSS","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/kevincobain2000.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-09T14:07:23.000Z","updated_at":"2025-03-26T00:23:27.000Z","dependencies_parsed_at":"2024-06-20T23:34:30.040Z","dependency_job_id":null,"html_url":"https://github.com/kevincobain2000/json-to-html-table","commit_stats":{"total_commits":19,"total_committers":1,"mean_commits":19.0,"dds":0.0,"last_synced_commit":"de6a9c4bcce2d1a0caa1b54077e361764e9cbb03"},"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevincobain2000%2Fjson-to-html-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevincobain2000%2Fjson-to-html-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevincobain2000%2Fjson-to-html-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevincobain2000%2Fjson-to-html-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kevincobain2000","download_url":"https://codeload.github.com/kevincobain2000/json-to-html-table/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253767804,"owners_count":21961189,"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":["jsontohtml","jsontohtmltable","jsontotable","react"],"created_at":"2024-11-30T16:14:29.377Z","updated_at":"2025-05-12T15:47:05.800Z","avatar_url":"https://github.com/kevincobain2000.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# json-to-html-table\n\nConvert Nested JSON to HTML Table — React, Javascript.\n\nA simple react component to convert any nested JSON object or array into an HTML table.\n\nfor more info see\n\nhttps://medium.com/web-developer/convert-nested-json-to-html-table-react-javascript-be6611fed718\n\n# Use it Online\n\nOnline tool https://kevincobain2000.github.io/json-to-html-table/\n\n## Install\n\n```bash\nnpm install --save @kevincobain2000/json-to-html-table\n```\n\n## Usage\n\n```jsx\nimport React, { Component } from 'react'\n\nimport { JSONToHTMLTable } from '@kevincobain2000/json-to-html-table'\n\nclass Example extends Component {\n  render () {\n    const data = {\n      \"id\": \"0001\",\n      \"type\": \"donut\",\n      \"name\": \"Cake\",\n      \"ppu\": 0.55,\n      \"batters\":\n        {\n          \"batter\":\n            [\n              { \"id\": \"1001\", \"type\": \"Regular\" },\n              { \"id\": \"1002\", \"type\": \"Chocolate\" },\n              { \"id\": \"1003\", \"type\": \"Blueberry\" },\n              { \"id\": \"1004\", \"type\": \"Devil's Food\" }\n            ]\n        },\n      \"topping\":\n        [\n          { \"id\": \"5001\", \"type\": \"None\" },\n          { \"id\": \"5002\", \"type\": \"Glazed\" },\n          { \"id\": \"5005\", \"type\": \"Sugar\" },\n          { \"id\": \"5007\", \"type\": \"Powdered Sugar\" },\n          { \"id\": \"5006\", \"type\": \"Chocolate with Sprinkles\" },\n          { \"id\": \"5003\", \"type\": \"Chocolate\" },\n          { \"id\": \"5004\", \"type\": \"Maple\" }\n        ]\n    }\n    return (\n      \u003cJSONToHTMLTable data={data} tableClassName=\"table table-sm\"/\u003e\n    )\n  }\n}\n```\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevincobain2000%2Fjson-to-html-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevincobain2000%2Fjson-to-html-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevincobain2000%2Fjson-to-html-table/lists"}