Get started with 6pac-slickgrid CDN
MIT licensed
6pac-SlickGrid: Efficient data grid in JS, with rendering and sorting capabilities.
Tags:- slickgrid
- grid
Stable version
Copied!
How to start using 6pac-slickgrid CDN
$(document).ready(function() {
// Define the data model
function DataModel() {
this.data = [
{ id: 1, name: "John Doe", age: 30 },
{ id: 2, name: "Jane Doe", age: 25 },
{ id: 3, name: "Bob Smith", age: 45 }
];
}
DataModel.prototype.getLength = function() {
return this.data.length;
};
DataModel.prototype.getItem = function(id) {
return this.data[id];
};
// Initialize SlickGrid
var dataModel = new DataModel();
var columns = [
{ id: "id", name: "ID", minWidth: 50 },
{ id: "name", name: "Name", minWidth: 100 },
{ id: "age", name: "Age", minWidth: 50 }
];
var grid = new Slick.Grid("#myGrid", dataModel, columns, {
enableCellNavigation: true,
enableRowSelection: true,
enableSorting: false,
dragAndDrop: true
});
// Load the drag-and-drop plugin
$("head").append('<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-grid@5.8.2/css/slick-grid.css">');
$("head").append('<script src="https://cdn.cdnhub.io/6pac-slickgrid/5.8.2/lib/jquery.event.drag-2.3.0.js"></script>');
$("head").append('<script src="https://cdn.jsdelivr.net/npm/slick-grid@5.8.2/slick.grid.draganddrop.js"></script>');
// Initialize the drag-and-drop plugin
Slick.Grid.plugin.registerPlugin(Slick.Grid.Plugins.DragAndDrop, Slick.Grid.Plugins.DragAndDrop.defaults);
grid.registerPlugin(new Slick.Grid.Plugins.DragAndDrop());
// Render the grid
grid.render();
});
Copied!
Copied!
Copied!
Copied!
All versions
1.3.2
1.4
1.4.1
1.4.3
1.4b1
1.4b2
2.0
2.0.1
2.0.2
2.02
2.0b1
2.1
2.1.0
2.2.0
2.2.1
2.2.2
2.2.3
2.2.4
2.2.5
2.2.6
2.3.0
2.3.1
2.3.10
2.3.11
2.3.12
2.3.13
2.3.14
2.3.15
2.3.16
2.3.17
2.3.18
2.3.19
2.3.2
2.3.20
2.3.21
2.3.22
2.3.23
2.3.3
2.3.4
2.3.5
2.3.6
2.3.7
2.3.8
2.3.9
2.4.0
2.4.1
2.4.10
2.4.11
2.4.12
2.4.13
2.4.14
2.4.15
2.4.16
2.4.17
2.4.18
2.4.19
2.4.2
2.4.20
2.4.21
2.4.22
2.4.23
2.4.24
2.4.25
2.4.26
2.4.27
2.4.28
2.4.29
2.4.3
2.4.30
2.4.31
2.4.32
2.4.33
2.4.34
2.4.35
2.4.36
2.4.37
2.4.38
2.4.39
2.4.4
2.4.40
2.4.41
2.4.42
2.4.43
2.4.44
2.4.45
2.4.5
2.4.6
2.4.7
2.4.8
2.4.9
3.0.0
3.0.1
3.0.2
3.0.3
3.0.4
4.0.0
4.0.0-beta.0
4.0.1
5.0.0
5.0.0-alpha.0
5.0.0-alpha.1
5.0.0-alpha.2
5.0.0-alpha.3
5.0.0-alpha.4
5.0.0-alpha.5
5.0.0-alpha.6
5.0.0-alpha.7
5.0.0-alpha.8
5.0.0-alpha.9
5.0.1
5.1.0
5.10.0
5.10.1
5.11.0
5.12.0
*** 5.12.1
5.2.0
5.3.0
5.3.1
5.4.0
5.4.1
5.4.2
5.5.0
5.5.1
5.5.2
5.5.3
5.5.4
5.5.5
5.5.6
5.6.0
5.6.1
5.7.0
5.7.1
5.8.0
5.8.1
5.8.2
5.8.3
5.9.0
5.9.1
5.9.2