{"id":20484027,"url":"https://github.com/nuxy/vue-tidy-table","last_synced_at":"2026-04-02T14:05:25.336Z","repository":{"id":176565895,"uuid":"638563264","full_name":"nuxy/vue-tidy-table","owner":"nuxy","description":":file_folder: The / tidy-table / plugin Vue 3 component wrapper. ","archived":false,"fork":false,"pushed_at":"2026-03-26T20:07:31.000Z","size":427,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-03-27T08:23:10.461Z","etag":null,"topics":["column-sorting","components","html-tables","table-generator","vuejs","wrapper-library"],"latest_commit_sha":null,"homepage":"https://tidy-table.nuxy.dev","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/nuxy.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-05-09T16:04:47.000Z","updated_at":"2026-03-26T20:07:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"ccf98cfa-6cd0-48ae-88a2-4334a0fc2d22","html_url":"https://github.com/nuxy/vue-tidy-table","commit_stats":null,"previous_names":["nuxy/vue-tidy-table"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/nuxy/vue-tidy-table","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxy%2Fvue-tidy-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxy%2Fvue-tidy-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxy%2Fvue-tidy-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxy%2Fvue-tidy-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nuxy","download_url":"https://codeload.github.com/nuxy/vue-tidy-table/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuxy%2Fvue-tidy-table/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31307484,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T12:59:32.332Z","status":"ssl_error","status_checked_at":"2026-04-02T12:54:48.875Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["column-sorting","components","html-tables","table-generator","vuejs","wrapper-library"],"created_at":"2024-11-15T16:19:37.237Z","updated_at":"2026-04-02T14:05:25.301Z","avatar_url":"https://github.com/nuxy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Tidy Table\n\n[![npm version](https://badge.fury.io/js/vue-tidy-table.svg)](https://badge.fury.io/js/vue-tidy-table) [![](https://img.shields.io/npm/dm/vue-tidy-table)](https://www.npmjs.com/package/vue-tidy-table) [![Install size](https://packagephobia.com/badge?p=vue-tidy-table)](https://packagephobia.com/result?p=vue-tidy-table) [![](https://img.shields.io/github/v/release/nuxy/vue-tidy-table)](https://github.com/nuxy/vue-tidy-table/releases)\n\nCreate a HTML table that can be sorted, selected, and post-processed.\n\n![Preview](https://raw.githubusercontent.com/nuxy/tidy-table/master/package.gif)\n\n## Features\n\n- Extensible HTML/CSS interface.\n- Compatible with all modern desktop and mobile web browsers.\n- Fully responsive layout with touch event support.\n- Easy to set-up and customize.\n- Customizable callback functions for post-processing selected results.\n- Post-process options for manipulating table/column/menu elements.\n- Fast and lightweight (JavaScript plug-in *only 4 kB)\n\nCheckout the [demo](https://nuxy.github.io/tidy-table) for examples of use.\n\n## Dependencies\n\n- [Node.js](https://nodejs.org)\n\n## Installation\n\nAdd to an existing [Vue](https://vuejs.org) project using [YARN](https://yarnpkg.com).\n\n    $ yarn add vue-tidy-table\n\n## Usage\n\n```javascript\nimport * as Vue  from 'vue';\nimport TidyTable from 'vue-tidy-table'; // or '../dist/vue-tidy-table';\n\nconst options = {\n  enableCheckbox: true,\n  enableMenu:     true,\n  reverseSortDir: true,\n  responsive:     true\n};\n\nconst settings = {\n  columnTitles: ['Rank', 'Programming Language', 'Ratings Jan 2012', 'Delta Jan 2012', 'Status'],\n  columnValues: [\n    ['1', 'Java', '17.479%', '-0.29%', 'A'],\n    ['2', 'C', '16.976%', '+1.15%', 'A'],\n    ['3', 'C#', '8.781%', '+2.55%', 'A'],\n    ['4', 'C++', '8.063%', '-0.72%', 'A'],\n    ['5', 'Objective-C', '6.919%', '+3.91%','A']\n  ],\n\n  // Add menu options to bind result events.\n  menuOptions: [\n    ['- Action -', null],\n    ['Callback 1', {callback: (rows) =\u003e {}}],\n    ['Callback 2', {callback: (rows) =\u003e {}}]\n  ],\n\n  // Post-process rendered HTML output.\n  postProcess: {\n    table:  (HTMLTableElement)     =\u003e {},\n    column: (HTMLTableCellElement) =\u003e {},\n    menu:   (HTMLTableElement)     =\u003e {}\n  },\n\n  // Pre-process column values before sort.\n  sortByPattern: function(colNum, val) {\n    if (colNum !== 1) return val;\n\n    return val?.replace(/\\$|%|#/g, '');\n  }\n};\n\nconst app = Vue.createApp({\n  data() {\n    return {\n      table: null\n    };\n  },\n\n  template: `\n    \u003cTidyTable v-bind:settings=\"settings\" v-bind:options=\"options\" /\u003e\n  `\n});\n\napp.component('tidy-table', TidyTable).mount('#main');\n```\n\n## Component Props\n\n| Name     | Type   | Description         |\n|----------|--------|---------------------|\n| settings | Object | Main configuration. |\n| options  | Object | Override table [defaults](https://github.com/nuxy/tidy-table#table-options). |\n\n## Documentation\n\n- [Post-processing examples](https://github.com/nuxy/tidy-table#post-processing-examples)\n- [Table options](https://github.com/nuxy/tidy-table#table-options)\n\n## Developers\n\n### CLI options\n\nRun [ESLint](https://eslint.org) on project sources:\n\n    $ npm run lint\n\nTranspile ES6 sources (using [Babel](https://babeljs.io)) and minify to a distribution:\n\n    $ npm run build\n\nBundle [demo](https://github.com/nuxy/vue-tidy-table/tree/master/demo) sources (using [Webpack](https://webpack.js.org)):\n\n    $ npm run webpack\n\n## Contributions\n\nIf you fix a bug, or have a code you want to contribute, please send a pull-request with your changes. (Note: Before committing your code please ensure that you are following the [Node.js style guide](https://github.com/felixge/node-style-guide))\n\n## Versioning\n\nThis package is maintained under the [Semantic Versioning](https://semver.org) guidelines.\n\n## License and Warranty\n\nThis package is distributed in the hope that it will be useful, but without any warranty; without even the implied warranty of merchantability or fitness for a particular purpose.\n\n_vue-tidy-table_ is provided under the terms of the [MIT license](http://www.opensource.org/licenses/mit-license.php)\n\n## Author\n\n[Marc S. Brooks](https://github.com/nuxy)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuxy%2Fvue-tidy-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnuxy%2Fvue-tidy-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuxy%2Fvue-tidy-table/lists"}