-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexample.1.1.htm
67 lines (67 loc) · 2.51 KB
/
example.1.1.htm
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!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>freezeTable example</title>
<link href="jQuery.freezeTable.css" rel="stylesheet" type="text/css" />
<link href="yahoo-answers-paging.css" rel="stylesheet" type="text/css" />
<link href="style-tableLayout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<div id="tableLayout">
</div>
</div>
<script type="text/javascript" src="data.js"></script>
<script type="text/javascript" src="jq.js"></script>
<script type="text/javascript" src="jQuery.freezeTable.1.1.js"></script>
<script type="text/javascript" src="jQuery.freezeTable.pagination.js"></script>
<script type="text/javascript">
var table = $('#tableLayout').freezeTable({
header: {
freezed: true,
formatter: function (item) {
var name = item.displayValue;
var sortby = item.sortby;
if (sortby && sortby != '') {
return '<div class="' + sortby + '">' + name + '</div>';
} else {
return '<div>' + name + '</div>';
}
},
click: function (item, index) {
var source = table.dataSource;
for (var i = 0; i < source.columns.length; i++) {
if (item == source.columns[i]) {
if (item.sortby == 'asc') {
item.sortby = 'desc';
} else {
item.sortby = 'asc';
}
} else {
source.columns[i].sortby = '';
}
}
var scrollleft = table.scrollLeft();
table.redraw(source);
table.scrollLeft(scrollleft);
}
},
columns: {
tooltip: {
enabled: false
},
resizable: true,
frozenColumns: {
resizable: true,
count: 2,
widths: [220, 100]
}
},
layout: {
stretch: 'fixed'
},
dataSource: globalData
});
</script>
</body>
</html>