{"id":13559417,"url":"https://github.com/aqidd/remote-table","last_synced_at":"2026-01-13T12:30:19.323Z","repository":{"id":43531234,"uuid":"240975097","full_name":"aqidd/remote-table","owner":"aqidd","description":"stencil web component table that fetch data remotely","archived":false,"fork":false,"pushed_at":"2023-01-05T07:39:09.000Z","size":3302,"stargazers_count":3,"open_issues_count":20,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2024-12-30T00:52:38.758Z","etag":null,"topics":["stencil","stenciljs-components","table"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aqidd.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-02-16T22:19:10.000Z","updated_at":"2023-01-14T23:38:14.000Z","dependencies_parsed_at":"2023-02-03T18:45:30.952Z","dependency_job_id":null,"html_url":"https://github.com/aqidd/remote-table","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aqidd%2Fremote-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aqidd%2Fremote-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aqidd%2Fremote-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aqidd%2Fremote-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aqidd","download_url":"https://codeload.github.com/aqidd/remote-table/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239751638,"owners_count":19690894,"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":["stencil","stenciljs-components","table"],"created_at":"2024-08-01T13:00:21.402Z","updated_at":"2026-01-13T12:30:19.268Z","avatar_url":"https://github.com/aqidd.png","language":"TypeScript","funding_links":[],"categories":["Ecosystem Highlights"],"sub_categories":["Data \u0026 Visualization"],"readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D\u0026colorA=16161d\u0026style=flat-square)\n\n# Remote Table\n\nThis is a web component built using stencil that tries to dynamically load values from api returning `JSON Array`\n\n![remote table demo](remote-table.gif)\n\n## What it does\nGiven url returning `JSON Array`, it will load and display your table, adding local search and pagination.\n\nJust include:\n\u003c!--\n```\n\u003ccustom-element-demo\u003e\n  \u003ctemplate\u003e\n    \u003clink rel=\"import\" href=\"my-element.html\"\u003e\n    \u003clink rel=\"import\" href=\"../other-element/other-element.html\"\u003e\n    \u003cnext-code-block\u003e\u003c/next-code-block\u003e\n  \u003c/template\u003e\n\u003c/custom-element-demo\u003e\n```\n--\u003e\n```html\n\u003cremote-table remote-url='https://jsonplaceholder.typicode.com/todos'\n        table-title=\"Json Typicode Table\" footer-text=\"remote-table 0.1\"\u003e\u003c/remote-table\u003e\n```\n\n## Gotcha\nYou need to add JQuery and DataTable manually\n\n```html\n\u003cscript src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js\"\u003e\u003c/script\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.datatables.net/1.10.20/css/jquery.dataTables.css\"\u003e\n\u003cscript type=\"text/javascript\" charset=\"utf8\" src=\"https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js\"\u003e\u003c/script\u003e\n```\n\n## How to use :\n1.  Clone the repository\n2.  Run `npm run build` to build component or `npm run start` to start local dev\n3.  Run `npm run storybook` to see the documentation with live example\n\n## To-Do:\n- [ ] Remove JQuery dependency ( use GridJS.io )\n- [ ] Add option for search \u0026 paginate url\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faqidd%2Fremote-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faqidd%2Fremote-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faqidd%2Fremote-table/lists"}