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/[email protected]/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/[email protected]/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.13.0
5.13.1
5.14.0
*** 5.14.2
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