{"id":17654009,"url":"https://github.com/mindsers/nativetable","last_synced_at":"2025-05-07T09:15:05.947Z","repository":{"id":12062633,"uuid":"71016923","full_name":"mindsers/nativetable","owner":"mindsers","description":"Simple native es6 module to create and work with dynamics HTML tables.","archived":false,"fork":false,"pushed_at":"2023-03-03T13:06:41.000Z","size":2680,"stargazers_count":7,"open_issues_count":12,"forks_count":1,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-05-07T09:14:52.365Z","etag":null,"topics":["es2015","es6","hacktoberfest","html","html-table","javascript","sortable","table","tableview"],"latest_commit_sha":null,"homepage":"https://mindsers.github.io/nativetable/","language":"JavaScript","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/mindsers.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":{"github":["mindsers"],"patreon":"mindsers","open_collective":null,"ko_fi":"mindsers","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":"mindsers","otechie":null,"custom":"nathanaelcherrier.com/en/support"}},"created_at":"2016-10-15T22:26:56.000Z","updated_at":"2021-10-04T18:48:16.000Z","dependencies_parsed_at":"2024-10-04T13:54:37.528Z","dependency_job_id":"a5d0657a-c3b9-4a2c-9bdc-d938f4818aca","html_url":"https://github.com/mindsers/nativetable","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mindsers%2Fnativetable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mindsers%2Fnativetable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mindsers%2Fnativetable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mindsers%2Fnativetable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mindsers","download_url":"https://codeload.github.com/mindsers/nativetable/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252847522,"owners_count":21813458,"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":["es2015","es6","hacktoberfest","html","html-table","javascript","sortable","table","tableview"],"created_at":"2024-10-23T12:08:07.795Z","updated_at":"2025-05-07T09:15:05.927Z","avatar_url":"https://github.com/mindsers.png","language":"JavaScript","readme":"# Nativetable\n\n[![build status][badge_build_status_image]][badge_build_status_link]\n[![standardjs style][badge_js_code_style_image]][badge_js_code_style_link]\n[![coverage status][badge_coverage_report_image]][badge_coverage_report_link]\n[![MIT license][badge_license_image]][badge_license_link]\n[![Patreon](https://img.shields.io/badge/support-patreon-F96854.svg?logo=patreon\u0026style=flat-square)](https://www.patreon.com/bePatron?u=9715649)\n[![Discourse](https://img.shields.io/discourse/https/community.nathanaelcherrier.com/posts.svg?color=00aeef\u0026logo=discourse\u0026logoColor=00aeef\u0026style=flat-square)](https://community.nathanaelcherrier.com)\n[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors)\n\nNativetable is a simple native es6 module to create and work with dynamics HTML tables.\n\nNativetable allow you to sort, filter and paginate your data in an HTML table. No useless features, only one line of code is required to load your data.\n\nCheck the [demo](https://mindsers.github.io/nativetable/) page.\n\n## Installation\n\n### Package manager installation\n\nNativetable is available as a client side npm dependency. To install Nativetable with npm or yarn:\n\n```sh\nnpm install nativetable --save\nyarn add nativetable\n```\n\nNativetable library is ready. Build file is available at this path: `./node_modules/nativetable/dist/nativetable.min.js`\n\n### Manual installation\nYou can build your own Nativetable with this project.\n\nClone the project :\n```bash\ngit clone https://git.nathanaelcherrier.com/mindsers/nativetable.git\ncd nativetable\n```\n\nInstall packages and build sources :\n```bash\nnpm install\nnpm run build\n```\n\nNativetable library is ready to be import on your project: `./dist/nativetable.min.js`\n\n## Usage\n\n- If your are using tools for importing / bundling dependencies (umd format) for you, you can import Nativetable this way:\n\n```js\nconst Nativetable = require('nativetable').Nativetable // classic\n\nconst { Nativetable } = require('nativetable') // es6 destructuring\n\nimport { Nativetable } from 'nativetable' // es6 import\n\n// ...\n\nconst nt = new Nativetable('tableid')\n```\n\n- If you decide to import Nativetable with simple `\u003cscript/\u003e` tag, all Nativetable classes is available in `nativetable` umd module.\n\nAdd a script tag on your page to call Nativatable.\n```html\n\u003cscript src=\"nativetable.min.js\"\u003e\u003c/script\u003e\n```\n\nAnd in `*.js|ts` file:\n```js\nconst Nativetable = nativetable.Nativetable // get Nativetable class from nativetable module\n\n// ...\n\nconst nt = new Nativetable('tableid')\n```\n\n### Sample code\n\n```js\n// Show all data in table.\nlet ntable = new Nativetable('tableid', { sources });\n```\n\n```js\n// Show table with more options\nlet ntable = new Nativetable('tableid', {\n    sources: data,\n    sorting: true,\n    pagination: {\n        maxLength: 5\n    },\n    columns: [\n        \"id\",\n        \"name\",\n        \"age\"\n    ],\n    filters: {\n      $and: {\n        name: ['julie', 'sarah'],\n        age: (age) =\u003e {\n          return age \u003e= 29 \u0026\u0026 age \u003c= 39\n        }\n      },\n      $or: {\n        man: [false],\n        brothers: [1]\n      }\n    }\n});\n```\n\n## Contribution\n\nTo contribute to this repo please follow the [contribution guide](https://github.com/Mindsers/nativetable/blob/master/CONTRIBUTING.md).\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. The contributor list is stored in the [CONTRIBUTORS.md](https://github.com/Mindsers/nativetable/blob/master/CONTRIBUTORS.md) file.\n\n## Support\n\n*Nativetable* is licensed under an MIT license, which means that it's a completely free open source software. Unfortunately, *Nativetable* doesn't make it itself. Which will result in many late, beer-filled nights of development for me.\n\nIf you're using *Nativetable* and want to support the development, you now have the chance! Go on my [Patreon page](https://www.patreon.com/mindsers) and become my joyful patron!!\n\n[![Become a Patron!](https://c5.patreon.com/external/logo/become_a_patron_button.png)](https://www.patreon.com/bePatron?u=9715649)\n\nFor help on how to support *Nativetable*, please refer to [The awesome people who support *Nativetable*](https://github.com/Mindsers/nativetable/blob/develop/SPONSORS.md).\n\n\u003c!-- ### Premium sponsors --\u003e\n\n## License\n\nThis project is under the MIT License. (see LICENSE file in the root directory)\n\n\u003e The MIT License (MIT)\n\u003e\n\u003e Copyright (c) 2016 Nathanaël CHERRIER\n\u003e\n\u003e Permission is hereby granted, free of charge, to any person obtaining a copy\n\u003e of this software and associated documentation files (the \"Software\"), to deal\n\u003e in the Software without restriction, including without limitation the rights\n\u003e to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n\u003e copies of the Software, and to permit persons to whom the Software is\n\u003e furnished to do so, subject to the following conditions:\n\u003e\n\u003e The above copyright notice and this permission notice shall be included in all\n\u003e copies or substantial portions of the Software.\n\u003e\n\u003e THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n\u003e IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n\u003e FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n\u003e AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n\u003e LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n\u003e OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n\u003e SOFTWARE.\n\n[wiki]: https://git.nathanaelcherrier.com/mindsers/nativetable/wikis/home\n[project]: https://git.nathanaelcherrier.com/mindsers/nativetable\n\n[badge_build_status_image]: https://img.shields.io/travis/com/mindsers/nativetable/master.svg?style=flat-square\n[badge_build_status_link]: https://travis-ci.com/mindsers/nativetable\n[badge_js_code_style_image]: https://img.shields.io/badge/code%20style-standard-yellow.svg?style=flat-square\n[badge_js_code_style_link]: http://standardjs.com\n[badge_license_image]: https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square\n[badge_license_link]: https://github.com/mindsers/nativetable/blob/master/LICENSE\n[badge_coverage_report_image]: https://img.shields.io/coveralls/github/mindsers/nativetable/master.svg?style=flat-square\n[badge_coverage_report_link]: https://coveralls.io/github/mindsers/nativetable\n","funding_links":["https://github.com/sponsors/mindsers","https://patreon.com/mindsers","https://ko-fi.com/mindsers","https://issuehunt.io/r/mindsers","nathanaelcherrier.com/en/support","https://www.patreon.com/bePatron?u=9715649","https://www.patreon.com/mindsers"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmindsers%2Fnativetable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmindsers%2Fnativetable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmindsers%2Fnativetable/lists"}