ukman.github.io/example-simple.html at master · ukman/ukman.github.io · GitHub

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
<html>
	<head>
		<title>
			Cynteka Pivot Table
		</title>
		<meta charset="utf-8">


        <script src='http://code.jquery.com/jquery-2.1.0.min.js' type="text/javascript"></script>
        <script src='//cdn.jsdelivr.net/jquery.cookie/1.4.0/jquery.cookie.js' type="text/javascript"></script>

		<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

		<link href="//getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
		<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->


		<link rel="stylesheet" media="screen" href='css/jquery.cy-pivot.min.css'/>
        <script src='js/jquery.cy-pivot.js' type="text/javascript"></script>
        <script src='js/example/simple.js' type="text/javascript"></script>

		<link href="//highlightjs.org/static/styles/default.css" rel="stylesheet">
        <script src='//highlightjs.org/static/highlight.pack.js' type="text/javascript"></script>
        <script>hljs.initHighlightingOnLoad();</script>

	</head>
	<body>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-49029278-1', 'ukman.github.io');
  ga('send', 'pageview');


</script>

<style>
.div-data-cell {
	text-align: right;
	padding-right:20px;
}

.dim-cell-icon {
font-family: 'Glyphicons Halflings';
}
.collapsed-dim-label:before {
content: "\2b";
}
.expanded-dim-label:before {
content: "\2212";
}

.dim-label-department {
background-color:#1b85b8;
}
.dim-label-employee {
background-color:#559e83;
}
.dim-label-year {
background-color:#ae5a41;
}
.dim-label-month {
background-color:#c3cb71;
}
.dim-label-total {
background-color:#5a5255;
}
</style>
		<div class="container theme-showcase" role="main">
			<a class="btn btn-success" style="float:right" href="index.html">Back to plugin page</a>
			<h1>
				Cynteka Pivot Table
				<small>Simple example</small>
			</h1>
			<div id="pivot">
				<div class="alert alert-danger">It seems the plugin is not working in your browser. Please use one of the following web browser:
				<ul>
					<li>
						Chrome
					</li>
					<li>
						Firefox
					</li>
					<li>
						Opera
					</li>
					<li>
						Safari
					</li>
				</ul>
				</div>
			</div>


			<hr></hr>
			<footer>
				<p>
					Cynteka Pivot Table is licensed under the <a href="http://opensource.org/licenses/MIT">MIT License</a>.
					Designed and developed by <a href="mailto:sergey.grigorchuk@gmail.com">Sergey Grigorchuk</a>.
				</p>
			</footer>

		</div>

	</body>
</html>