{"id":18623566,"url":"https://github.com/codica2/vue-simple-tree-table","last_synced_at":"2025-07-13T05:34:26.926Z","repository":{"id":98304178,"uuid":"186583545","full_name":"codica2/vue-simple-tree-table","owner":"codica2","description":"Vue tree table is a vue js table component, with a tree functionality.","archived":false,"fork":false,"pushed_at":"2019-05-14T08:54:11.000Z","size":876,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-27T05:24:50.554Z","etag":null,"topics":["table","tree-table","vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","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/codica2.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":"2019-05-14T08:53:10.000Z","updated_at":"2023-08-29T03:29:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"daee3f5f-53c1-484a-b973-4dc1d13f54e6","html_url":"https://github.com/codica2/vue-simple-tree-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/codica2%2Fvue-simple-tree-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codica2%2Fvue-simple-tree-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codica2%2Fvue-simple-tree-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codica2%2Fvue-simple-tree-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codica2","download_url":"https://codeload.github.com/codica2/vue-simple-tree-table/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239418574,"owners_count":19635208,"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":["table","tree-table","vuejs"],"created_at":"2024-11-07T04:25:02.919Z","updated_at":"2025-02-18T06:13:28.104Z","avatar_url":"https://github.com/codica2.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue tree table\n\nVue tree table is a vue js table component, with a tree functionality.\n\n\n## Install\n```bash\nyarn add vue-tree-table-codica\n```\n\nor\n\n```bash\nnpm install vue-tree-table-codica\n```\n\n## Preview\n\n![](docs/table.gif)\n\n## Register\n```vue\nimport VSimpleTreeTable from 'vue-tree-table-codica'\nimport 'vue-tree-table-codica/dist/vue-simple-tree-table.css'\n\nVue.use(VSimpleTreeTable);\n```\n\n### Usage\nYou can add the vue-tree-table component by using the following code in your project.\nThis is the most simple example.\n\n```vue\n\u003ctemplate\u003e\n  \u003cv-table :data=\"data\" :columns=\"columns\"\u003e\n    \u003ctemplate v-slot:expand=\"row\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv\u003eNAME: {{row.props.name}}\u003c/div\u003e\n        \u003cdiv\u003eNumber: {{row.props.number}}\u003c/div\u003e\n        \u003cdiv\u003eQty: {{row.props.qty}}\u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/template\u003e\n  \u003c/v-table\u003e\n\u003c/template\u003e\n\nexport default {\n  data() {\n    return {\n      columns: [\n        {\n          name: \"Name\",\n          field: \"name\"\n        },\n        {\n          name: \"Number\",\n          field: \"number\"\n        },\n        {\n          name: \"Qty\",\n          field: \"qty\"\n        }\n      ],\n      data: [\n        {\n          name: \"Name 1\",\n          number: \"1\",\n          qty: 123,\n          hiddenData: \"hiddenData 1\",\n          img: \"https://dummyimage.com/300\"\n        },\n        {\n          name: \"Name 2\",\n          number: \"2\",\n          qty: 123,\n          hiddenData: \"hiddenData 2\"\n        },\n        {\n          name: \"Name 3\",\n          number: \"3\",\n          qty: 123,\n          hiddenData: \"hiddenData 3\"\n        }\n      ]\n    }\n  }\n}\n```\n\n## API\n\n### Table Attributes\n\n| Properties | Description | Type | Parameters | Default\n| ---- | ---- | ---- | ---- | ---- |\n| data | Data for each row of the table | Array | - | [] ||\n| columns | Configuration of the columns in the table (see below for details)：Columns Configs） | Array | - | [] |\n\n\n### Columns Configs\n\n| Properties | Description | Type | Default |\n| ---- | ---- | ---- | ---- |\n| name | Column header name | String | '' |\n| field | The attribute name of the corresponding column content | String | '' |\n\n### Slot config\n\n| Name | Description | Default | Required |\n| ---- | ---- | ---- | ---- |\n| expand | Content in expanded row | none | false |\n\n\n\n## License\nVSimpleTreeTable is Copyright © 2015-2019 Codica. It is released under the [MIT License](https://opensource.org/licenses/MIT).\n\n## About Codica\n\n[![Codica logo](https://www.codica.com/assets/images/logo/logo.svg)](https://www.codica.com)\n\nVSimpleTreeTable is maintained and funded by Codica. The names and logos for Codica are trademarks of Codica.\n\nWe love open source software! See [our other projects](https://github.com/codica2) or [hire us](https://www.codica.com/) to design, develop, and grow your product.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodica2%2Fvue-simple-tree-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodica2%2Fvue-simple-tree-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodica2%2Fvue-simple-tree-table/lists"}