forked from ag-grid/ag-grid
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
118 lines (98 loc) · 4.94 KB
/
test.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
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!doctype html>
<html style="height: 100%; margin: 0px; padding: 0px;">
<head>
<script data-main="main" src="lib/require.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body ng-controller="mainController" style="height: 100%; margin: 0px; padding: 0px;">
<div style="height: 100px; position: absolute; top: 0px; left: 0px;">
<!-- First row of header, has table options -->
<div style="padding: 4px;">
Rows:
<select ng-model="rowCount" ng-change="onRowCountChanged()">
<option value="10">10</option>
<option value="100">100</option>
<option value="1000">1,000</option>
<option value="10000">10,000</option>
<option value="30000">30,000</option>
<option value="50000">50,000</option>
<option value="100000">100,000</option>
</select>
Cols:
<select ng-model="colCount" ng-change="onColCountChanged()">
<option value="5">5</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
Pinned:
<select ng-model="angularGrid.pinnedColumnCount" ng-change="onPinnedColCountChanged()">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
Size:
<select ng-model="size" ng-change="onSize()">
<option value="fill">Fill Page</option>
<option value="fixed">800x600</option>
</select>
Group Headers:
<select ng-model="groupHeaders" style="width: 60px;" ng-change="onGroupHeaders()">
<option value="true">Yes</option>
<option value="false">No</option>
</select>
Style:
<select ng-model="style" style="width: 90px;">
<option value="">-none-</option>
<option value="ag-fresh">Fresh</option>
<option value="ag-dark">Dark</option>
</select>
</div>
<div style="padding: 4px;">
Selection:
<select ng-model="rowSelection" ng-change="onSelectionChanged()" style="width: 100px;">
<option value="">-none-</option>
<option value="checkbox">Checkbox</option>
<option value="single">Single</option>
<option value="multiple">Multiple</option>
</select>
Editable:
<select ng-model="editable" style="width: 60px;">
<option value="true">Yes</option>
<option value="false">No</option>
</select>
Group By:
<select ng-model="groupBy" ng-change="onGroupByChanged()" style="width: 90px;">
<option value="">-none-</option>
<option value="continent">Continent</option>
<option value="language">Language</option>
<option value="continent,language">Continent, Language</option>
<option value="language,continent">Language, Continent</option>
</select>
<span ng-show="groupBy">
Group Type:
<select ng-model="groupType" ng-change="onGroupByChanged()" style="width: 90px;">
<option value="col">Col</option>
<option value="colWithFooter">Col with Footer</option>
<option value="row">Row</option>
<option value="rowWithFooter">Row with Footer</option>
</select>
<button ng-click="angularGrid.api.expandAll()">Expand All</button>
<button ng-click="angularGrid.api.collapseAll()">Collapse All</button>
</span>
</div>
<!-- Second row of header, has quick filter -->
<div style="padding: 4px;">
<input placeholder="Filter..." type="text" ng-model="angularGrid.quickFilterText"/>
</div>
</div>
<!-- The table div -->
<div style="padding: 100px 20px 20px 20px; height: 100%; box-sizing: border-box;">
<div angular-grid="angularGrid" ng-style="{width: width, height: height}" ng-class="style"></div>
</div>
</body>
</html>