-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGridview.html
33 lines (28 loc) · 1.33 KB
/
Gridview.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Gridview sample</title>
<script type="text/javascript" src="GridView.js"> </script>
<link rel="stylesheet" type="text/css" href="styles.css"></link>
<script type="text/javascript">
//Create a gridview Instance
var gview = new JUI.Component.GridView("gridview");
//Define a gridview header column
gview.header.row=[ {Name:"ID",Label:"ID",Width:"30px"},
{Name:"Name",Label:"Name Of People",Width:"200px"},
{Name:"SSN",Label:"Social Security",Width:"100px"},
{Name:"Email",Label:"email",Width:"200px"}
];
//Insert Data in the Gridview
gview.data.addRow({ID:"5",Name:"Prabin Shrestha",SSN:"123-123-123", Email:"[email protected]"});
gview.data.addRow({ID:"2",Name:"Paurash Singh", SSN:"546-123-123", Email:"[email protected]"});
gview.data.addRow({ID:"3",Name:"Sonesh Shrestha", SSN:"456-123-123", Email:"[email protected]"});
gview.data.addRow({ID:"4",Name:"Dhruba Chapain", SSN:"333-123-123", Email:"[email protected]"});
gview.data.addRow({ID:"1",Name:"Prabin Manandhar", SSN:"442-123-123", Email:"[email protected]"});
</script>
</head>
<body>
<div id="gridview" > </div>
<script type="text/javascript">gview.render();</script>
</body>
</html>