This repository has been archived by the owner on Dec 4, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 143
/
index.html
116 lines (109 loc) · 3.74 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset=" utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width = device-width, minimal-ui, initial-scale = 1, user-scalable = no" />
<meta name="apple-mobile-web-app-title" content="Datagrid">
<title>Datagrid</title>
<base href="/">
<style>
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{
font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.4rem;
line-height: 2rem;
letter-spacing: 0.01rem;
color: #212121;
background-color: #f5f5f5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.dt{
width:75%;
margin:50px 50px 50px 50px;
}
.toolbar{
background:#2962FF;
width:75%;
margin:20px 50px 15px 50px;
padding:5px 10px;
}
.toolbar a {
color:#FFF;
text-decoration: none;
}
</style>
</head>
<body ng-app="app" ng-controller="HomeController">
<h1>Table Demos</h1>
<ul>
<li>Basic
<ul>
<li><a href="demos/basic.html">Basic</a></li>
<li><a href="demos/sort.html">Sorting</a></li>
<li><a href="demos/tall.html">Tall Rows</a></li>
<li><a href="demos/paging.html">Paging</a></li>
<li><a href="demos/virtual-paging.html">Virtual Paging</a></li>
<li><a href="demos/scroll.html">Horz / Vert Scrolling</a></li>
<li><a href="demos/filters.html">Filters</a></li>
<li><a href="demos/tabs.html">Using with Tabs</a></li>
<li><a href="demos/inline-editing.html">Inline Editing</a></li>
<li><a href="demos/updating.html">External Data Changes</a></li>
<li><a href="demos/empty.html">Loading / Clearing Data</a></li>
<li><a href="demos/slow.html">Slow AJAX</a></li>
</ul>
</li>
<li>Templates
<ul>
<li><a href="demos/templates.html">Column / Header Templates</a></li>
<li><a href="demos/expressive.html">Expressive Columns</a></li>
<li><a href="demos/action-links.html">Action Links</a></li>
<li><a href="demos/cell-templates.html">Cell Templates</a></li>
</ul>
</li>
<li>Selection
<ul>
<li><a href="demos/checkboxes.html">Checkbox Selection</a></li>
<li><a href="demos/single-select.html">Single Click Selection</a></li>
<li><a href="demos/multi-select.html">Multi Click Selection</a></li>
</ul>
</li>
<li>Width Options
<ul>
<li><a href="demos/greed.html">Greedy Column Widths</a></li>
<li><a href="demos/force.html">Force Fill Widths</a></li>
</ul>
</li>
<li>Grouping
<ul>
<li><a href="demos/pins.html">Column Pinning</a></li>
<li><a href="demos/tree.html">Tree</a></li>
<li><a href="demos/grouping.html">Row Grouping</a></li>
</ul>
</li>
<li>Performance
<ul>
<li><a href="demos/virtual.html">100k Rows</a></li>
<li><a href="demos/perf.html">10 Grids on One Page</a></li>
<li><a href="demos/perf-horzscroll.html">Horz Scrolling and Full Screen</a></li>
</ul>
</li>
<li>Plugins
<ul>
<li><a href="demos/tooltip.html">Tooltips on Cell Content</a></li>
<li><a href="demos/columnadd.html">Column Add/Remove</a></li>
</ul>
</li>
</ul>
</body>
</html>