{"id":17181588,"url":"https://github.com/dimitarchristoff/slickgrid-es6","last_synced_at":"2025-03-17T11:30:27.600Z","repository":{"id":9869812,"uuid":"63427163","full_name":"DimitarChristoff/slickgrid-es6","owner":"DimitarChristoff","description":"SlickGrid fork rewrites for ES6 for use under npm and Babel / Rollup builds","archived":false,"fork":false,"pushed_at":"2023-01-26T12:37:46.000Z","size":9641,"stargazers_count":100,"open_issues_count":32,"forks_count":42,"subscribers_count":12,"default_branch":"master","last_synced_at":"2024-04-13T21:57:38.247Z","etag":null,"topics":["babel","es2016","es6","grid","slickgrid","x-slickgrid"],"latest_commit_sha":null,"homepage":"https://dimitarchristoff.github.io/slickgrid-es6/","language":"JavaScript","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/DimitarChristoff.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}},"created_at":"2016-07-15T14:18:05.000Z","updated_at":"2024-03-13T03:26:01.000Z","dependencies_parsed_at":"2023-02-17T18:05:17.168Z","dependency_job_id":null,"html_url":"https://github.com/DimitarChristoff/slickgrid-es6","commit_stats":null,"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DimitarChristoff%2Fslickgrid-es6","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DimitarChristoff%2Fslickgrid-es6/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DimitarChristoff%2Fslickgrid-es6/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DimitarChristoff%2Fslickgrid-es6/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DimitarChristoff","download_url":"https://codeload.github.com/DimitarChristoff/slickgrid-es6/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243858056,"owners_count":20359271,"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":["babel","es2016","es6","grid","slickgrid","x-slickgrid"],"created_at":"2024-10-15T00:34:45.300Z","updated_at":"2025-03-17T11:30:26.682Z","avatar_url":"https://github.com/DimitarChristoff.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SlickGrid ES6 \n\n[![npm version](https://img.shields.io/npm/v/slickgrid-es6.svg?style=flat-square)](https://www.npmjs.com/package/slickgrid-es6) [![npm downloads](https://img.shields.io/npm/dm/slickgrid-es6.svg?style=flat-square)](https://www.npmjs.com/package/slickgrid-es6) ![gzip size](http://img.badgesize.io/https://npmcdn.com/slickgrid-es6/dist/slick.es6.min.js?compression=gzip)\n\n\u003e This is a clone of the two biggest forks of SlickGrid - [6pac fork](https://github.com/6pac/SlickGrid/) and [X-SlickGrid](https://github.com/ddomingues/X-SlickGrid), both of which have been converted to align with this project's goals and build strategy, both ready to be used out of the box[1]  \n\n\u003e **NEW** See it running in a create-react-app here: https://dimitarchristoff.github.io/slickgrid-example/\n\n![image](https://user-images.githubusercontent.com/119500/39813726-711c9d86-5389-11e8-886a-27e9250955f1.png)\n\nThe main goals are:\n\n* Make it easy to consume in a modern ES2016 codebase\n* Transpile down to ES5\n* Keep the existing SlickGrid API for both grids\n* Make dependency consumption implicit and not reliant on globals\n* Remove reliance on `Slick.` object namespace, everything just exports and needs to be imported, no more `Slick.Editors` etc.\n* **Remove `jquery-ui` from deps list** - replaced with Interact.js\n\n______\n\n[1] _Yes, there are some compatibility issues, such as drag and reorder of columns with X-SlickGrid's frozenRows from frozen to none._\n \nNB: Going forward, the 6pac version may be dropped.  \n\n![Default Example Styles](https://cloud.githubusercontent.com/assets/119500/24247817/1fda096c-0fc5-11e7-94b7-e71afb520999.png)\n\n![Custom Styles](https://cloud.githubusercontent.com/assets/119500/24247974/7436191a-0fc5-11e7-9df5-86c8c3bfdc74.png)\n\n## Installing and use\n\n```sh\n$ npm i slickgrid-es6 --save\n```\n\nIn code:\n\n```js\nimport { Grid, Data, Formatters } from 'slickgrid-es6';\nimport { options, columns } from './grid-config';\n\nconst gridColumns = [{\n  id: \"%\", \n  name: \"% Complete\", \n  field: \"percentComplete\", \n  formatter: Formatters.PercentCompleteBar\n}, ...columns]; // some column def\n\nconst dataView = new Data.DataView();\ndataView.setItems([ ... ]); // some data\n\nconst grid = new Grid('someid', dataView, columns, options);\n```\n\nFull list of exports you can de-structure:\n\n - `Slick` - returns the original namespace (`Slick.core` - events etc)\n - `Grid` - returns 6pac's SlickGrid\n - `FrozenGrid` - returns X-SlickGrid (frozen rows/columns)\n - `Data` - returns the `Slick.Data` model\n - `Plugins` - returns the default plugins converted/tweaked \n - `Editors` - returns the original pre-defined default editors \n - `Formatters` - returns the original pre-defined default cell formatters\n \nTo import stylesheets in SCSS:\n\n```scss\n// some vars like $grid-border-color: red;, see slick.grid.variables.scss\n\n@import \"~slickgrid-es6/dist/slick.grid.scss\";\n@import \"~slickgrid-es6/dist/slick-default-theme.scss\";\n...\n```\n\n## Examples and development\n\nCurrently, the examples are being ported. You can start a webpack-dev-server with hot reload like this:\n\n```sh\n$ npm start\n```\n\nThen point your browser to [http://localhost:8888/](http://localhost:8888/).\n\nTo create a new build for `dist`, run:\n\n```sh\n$ npm run build\n```\n\n## Contributing\n\nAny pull requests and help with this are appreciated - both from conversion stand point and from SlickGrid bug fixes or \nfeature additions. \n\n## Changelog\n\n### `3.0.3` \n\n* Fix of the Frozen (X-SlickGrid) keyboard scrolling problem here https://github.com/ddomingues/X-SlickGrid/issues/21\n\n### `3.0.2`\n\n* SCSS tweaks\n\n### `3.0.0`\n\n* Moved to SCSS\n\n### `2.0.4`\n\n* Fixed critical bug with Data and `setFilter`  \n\n### `2.0.3`\n\n* Fixed query-ui legacy exception on `grid.destroy()`\n\n### `2.0.2`\n\n* Fixed critical break in Interact.js with PointerEvent and new Chrome 51+\n\n### `2.0.1`\n \n* Fixed `.npmrc` to still ship images for custom builds \n\n### `2.0.0`\n\n* Skipped 1.0.0 due to previously published tag\n* Changed webpack build\n* BREAKING: deprecated UMD exports\n* BREAKING: deprecated reliance on globals (eg. Slick.Formatters)\n* Fixed some formatters and plugins\n* Slight tweaks to LESS files\n\n### `0.4.1`\n\n* Enabled grouped headers code, including resize and reorder\n\n### `0.3.0`\n\n* Added X-SlickGrid to exports, available via `Slick.FrozenGrid` or `import { FrozenGrid as Grid } from 'slickgrid-es6'`\n* Added validator support for some editors\n* Fixed plugins yet to be converted\n\n### `0.2.3`\n\n* moved to using `slick.frozen.grid.js` from X-SlickGrid for FrozenRows/Columns feature, converted to ES6 and with deprecated jquery-ui\n* Styling fixes, moved to `box-sizing: border-box` for `.slick-cell`\n* Updated examples to use React but grid has no dependency on React\n\n### Changes completed as per `0.1.1`:\n\nThe goal is to keep the grid API of the 6pac repository unchanged. Howe \n\n* converted to ES6\n* dropped IE8 support\n* jquery 3.1.0\n* dropped jquery-ui (replaced with interact.js)\n* dropped event.drag (replaced with interact.js)\n* move to LESS (SCSS soon)\n\n\n## Original mleibman README follows:\n\n\nFind documentation and examples in [the wiki](https://github.com/mleibman/SlickGrid/wiki).\n\n# Welcome to SlickGrid\n\n## SlickGrid is an advanced JavaScript grid/spreadsheet component\n\nSome highlights:\n\n* Adaptive virtual scrolling (handle hundreds of thousands of rows with extreme responsiveness)\n* Extremely fast rendering speed\n* Supports jQuery UI Themes\n* Background post-rendering for richer cells\n* Configurable \u0026 customizable\n* Full keyboard navigation\n* Column resize/reorder/show/hide\n* Column autosizing \u0026 force-fit\n* Pluggable cell formatters \u0026 editors\n* Support for editing and creating new rows.\n* Grouping, filtering, custom aggregators, and more!\n* Advanced detached \u0026 multi-field editors with undo/redo support.\n* “GlobalEditorLock” to manage concurrent edits in cases where multiple Views on a page can edit the same data.\n* Support for [millions of rows](http://stackoverflow.com/a/2569488/1269037)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimitarchristoff%2Fslickgrid-es6","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdimitarchristoff%2Fslickgrid-es6","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdimitarchristoff%2Fslickgrid-es6/lists"}