This is a clone of the two biggest forks of SlickGrid - 6pac fork and 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]
NEW See it running in a create-react-app here: https://dimitarchristoff.github.io/slickgrid-example/
The main goals are:
Slick.
object namespace, everything just exports and needs to be imported, no more Slick.Editors
etc.jquery-ui
from deps list - replaced with Interact.js[1] Yes, there are some compatibility issues, such as drag and reorder of columns with X-SlickGrid's frozenRows from frozen to none.
NB: Going forward, the 6pac version may be dropped.
$ npm i slickgrid-es6 --save
In code:
import { Grid, Data, Formatters } from 'slickgrid-es6';
import { options, columns } from './grid-config';
const gridColumns = [{
id: "%",
name: "% Complete",
field: "percentComplete",
formatter: Formatters.PercentCompleteBar
}, ...columns]; // some column def
const dataView = new Data.DataView();
dataView.setItems([ ... ]); // some data
const grid = new Grid('someid', dataView, columns, options);
Full list of exports you can de-structure:
Slick
- returns the original namespace (Slick.core
- events etc)Grid
- returns 6pac's SlickGridFrozenGrid
- returns X-SlickGrid (frozen rows/columns)Data
- returns the Slick.Data
modelPlugins
- returns the default plugins converted/tweaked Editors
- returns the original pre-defined default editors Formatters
- returns the original pre-defined default cell formattersTo import stylesheets in SCSS:
// some vars like $grid-border-color: red;, see slick.grid.variables.scss
@import "~slickgrid-es6/dist/slick.grid.scss";
@import "~slickgrid-es6/dist/slick-default-theme.scss";
...
Currently, the examples are being ported. You can start a webpack-dev-server with hot reload like this:
$ npm start
Then point your browser to http://localhost:8888/.
To create a new build for dist
, run:
$ npm run build
Any pull requests and help with this are appreciated - both from conversion stand point and from SlickGrid bug fixes or feature additions.
3.0.3
3.0.2
3.0.0
2.0.4
setFilter
2.0.3
grid.destroy()
2.0.2
2.0.1
.npmrc
to still ship images for custom builds 2.0.0
0.4.1
0.3.0
Slick.FrozenGrid
or import { FrozenGrid as Grid } from 'slickgrid-es6'
0.2.3
slick.frozen.grid.js
from X-SlickGrid for FrozenRows/Columns feature, converted to ES6 and with deprecated jquery-uibox-sizing: border-box
for .slick-cell
0.1.1
:The goal is to keep the grid API of the 6pac repository unchanged. Howe
Find documentation and examples in the wiki.
Some highlights: