TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
Answers
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Forums
Monthly Leaders
Forum guidelines
vsr k
NA
19
3.8k
i am trying to bind the data to datagrid using jquery
Dec 24 2018 5:45 AM
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>SlickGrid example 1: Basic grid</title>
<link rel="stylesheet" href="~/slick.grid.css" type="text/css"/>
<link rel="stylesheet" href="~/css/smoothness/jquery-ui-1.11.3.custom.css" type="text/css"/>
<link rel="stylesheet" href="examples.css" type="text/css"/>
</head>
<body>
<script src="~/lib/jquery-1.11.2.min.js"></script>
<script src="~/lib/jquery.event.drag-2.3.0.js"></script>
<script src="~/slick.core.js"></script>
<script src="~/slick.grid.js"></script>
<script>
var grid;
var columns = [
{id: "title", name: "Title", field: "title"}, {id: "duration", name: "Duration", field: "duration"},
{id: "%", name: "% Complete", field: "percentComplete"}, {id: "start", name: "Start", field: "start"},
{id: "finish", name: "Finish", field: "finish"},
{id: "effort-driven", name: "Effort Driven", field: "effortDriven"}
];
var options = {
enableCellNavigation: true, enableColumnReorder: false
};
$(function () {
for (var i = 0; i < 500; i++) {
data[i] = { title: "Task " + i,
duration: "5 days",
percentComplete: Math.round(Math.random() * 100),
start: "01/01/2009",
finish: "01/05/2009",
effortDriven: (i % 5 == 0)
};
}
grid = new Slick.Grid("#myGrid", data, columns, options);
})
</script>
</body>
</html>
Reply
Answers (
1
)
how to create data grid in jquery using notepad++ not in vst
multiple checkbox are checked that time some text r display