{"id":24075806,"url":"https://github.com/fancygrid/fancygrid","last_synced_at":"2025-04-04T22:04:42.955Z","repository":{"id":55032328,"uuid":"64113470","full_name":"FancyGrid/FancyGrid","owner":"FancyGrid","description":"FancyGrid - JavaScript grid library with charts integration and server communication. ","archived":false,"fork":false,"pushed_at":"2024-08-22T08:32:50.000Z","size":13023,"stargazers_count":208,"open_issues_count":39,"forks_count":50,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-03-28T21:07:25.615Z","etag":null,"topics":["angular","chart","grid","javascript","jquery","react","vue"],"latest_commit_sha":null,"homepage":"https://fancygrid.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FancyGrid.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2016-07-25T07:33:26.000Z","updated_at":"2025-02-25T04:09:09.000Z","dependencies_parsed_at":"2024-03-03T11:26:49.283Z","dependency_job_id":"607d96e2-023e-4fa3-9d08-e2bd78112d43","html_url":"https://github.com/FancyGrid/FancyGrid","commit_stats":{"total_commits":243,"total_committers":2,"mean_commits":121.5,"dds":0.008230452674897082,"last_synced_commit":"1d6ee81a386145fb27a5c3078734fbeab1cfa663"},"previous_names":[],"tags_count":205,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2FFancyGrid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2FFancyGrid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2FFancyGrid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FancyGrid%2FFancyGrid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FancyGrid","download_url":"https://codeload.github.com/FancyGrid/FancyGrid/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247256110,"owners_count":20909240,"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":["angular","chart","grid","javascript","jquery","react","vue"],"created_at":"2025-01-09T19:29:18.146Z","updated_at":"2025-04-04T22:04:42.935Z","avatar_url":"https://github.com/FancyGrid.png","language":"JavaScript","readme":"# FancyGrid\n\nBuild v1.7.180\n\nFancyGrid - JavaScript grid library with charts integration and server communication.\n  \n## Install\n\n#### *npm*\n```\nnpm install fancygrid\n```\n\n#### *CDN*\n```\nhttps://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.css\nhttps://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.js\n```\n\n## Quick Start\nInclude a reference to the FancyGrid library\n\n```html\n\u003clink href=\"https://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.css\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.js\"\u003e\u003c/script\u003e\n```\nThe `FancyGrid` object is now accessible. Happy griding!\n```html\n\u003cdiv id=\"grid\"\u003e\u003c/div\u003e\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", () =\u003e {\n\nnew FancyGrid({\n  renderTo: 'grid',\n  width: 300,\n  height: 200,\n  data: [\n    {name: 'Nick', age: 30},\n    {name: 'Fred', age: 25},\n    {name: 'Mike', age: 35}\n  ],  \n  columns: [{\n    index: 'name',\n    title: 'Name',    \n    type: 'string'\n  },{\n    type: 'number',\n    index: 'age',\n    title: 'Age'\n  }]\n});\n\n});\n\u003c/script\u003e\n```\n\n## Load FancyGrid as an ES6 module\nSince FancyGrid supports CommonJS, it can be loaded as an ES6 module with the use of transpilers.  \nTwo common transpilers are [Babel](https://babeljs.io/) and [TypeScript](https://www.typescriptlang.org/). These have different interpretations of a CommonJS module, which affects your syntax.  \n*The following examples presumes you are using npm to install FancyGrid.*\n### Babel\n```js\nimport Fancy from 'fancygrid';\n\n// Generate the grid\nFancy.Grid({\n  // config\n});\n\n// Generate the form\nnew Fancy.Form({\n  //config\n});\n\n// Generate the tabs\nnew Fancy.Tab({\n  //config\n});\n```\n### TypeScript\n```js\nimport * as Fancy from 'fancygrid';\n\n// Generate the grid\nFancy.Grid({\n  // config\n});\n\n// Generate the form\nnew Fancy.Form({\n  //config\n});\n\n// Generate the tabs\nnew Fancy.Tab({\n  //config\n});\n```\n\n## Package Directory\nThe package includes the following:\n```\n|   README.md\n├── client\n│   ├── fancy.full.min.js\n│   ├── fancy.min.js\n│   ├── fancy.min.css\n│   ├── modules\n├── src\n│   ├── js\n│   ├── less\n│   ...\n```\n\n## Debug\nIn case you want to debug FancyGrid there are several approaches.  \n\n### Debug files\nInclude css file ```/client/fancy.css```  \nInclude js file ```/src/js/load-all.js```  \nAfter that set\n```\nFancy.MODULESLOAD = false;\n```\n\n### Debug full build\nInclude css file ```/client/fancy.css```  \nInclude js file ```/src/js/fancy.full.js```  \n\n### Debug with auto-loading modules\nInclude css file ```/client/fancy.css```  \nInclude js file ```/src/js/fancy.js```  \nSet modules path\n```\nFancy.MODULESDIR = '/client/modules/';\nFancy.DEBUG = true;\n```\n\n## Custom build\n### Debug build\n```\ngrunt debug\n```\n### Release build\n```\ngrunt release\n```\n\n## Support\nIf you need any assistance or would like to report any bugs found in FancyGrid, please contact us at support@fancygrid.com\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffancygrid%2Ffancygrid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffancygrid%2Ffancygrid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffancygrid%2Ffancygrid/lists"}