[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Fmsystem-commits] [15274] update DataTables from upstream
From: |
sigurdne |
Subject: |
[Fmsystem-commits] [15274] update DataTables from upstream |
Date: |
Fri, 10 Jun 2016 11:09:00 +0000 (UTC) |
Revision: 15274
http://svn.sv.gnu.org/viewvc/?view=rev&root=fmsystem&revision=15274
Author: sigurdne
Date: 2016-06-10 11:09:00 +0000 (Fri, 10 Jun 2016)
Log Message:
-----------
update DataTables from upstream
Added Paths:
-----------
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.bootstrap4.js
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.bootstrap4.min.js
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.semanticui.js
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.semanticui.min.js
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/customFile.html
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelBorder.html
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelCellShading.html
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelTextBold.html
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/initialisation/collections-autoClose.html
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/Buttons/js/buttons.bootstrap4.js
trunk/phpgwapi/js/DataTables/extensions/Buttons/js/buttons.bootstrap4.min.js
trunk/phpgwapi/js/DataTables/extensions/Buttons/js/buttons.semanticui.js
trunk/phpgwapi/js/DataTables/extensions/Buttons/js/buttons.semanticui.min.js
trunk/phpgwapi/js/DataTables/extensions/ColReorder/css/colReorder.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/ColReorder/css/colReorder.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/ColReorder/css/colReorder.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/ColReorder/css/colReorder.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/initialisation/index.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/integration/index.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/integration/responsive.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/styling/index.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/css/fixedColumns.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/css/fixedColumns.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/css/fixedColumns.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/css/fixedColumns.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/initialisation/index.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/integration/
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/integration/api.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/integration/index.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/integration/select-checkbox.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/integration/select.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/styling/index.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/styling/rtl.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/css/fixedHeader.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/css/fixedHeader.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/css/fixedHeader.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/css/fixedHeader.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/integration/buttons.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/integration/responsive-bootstrap.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/options/offset-automatic.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/KeyTable/css/keyTable.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/KeyTable/css/keyTable.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/KeyTable/css/keyTable.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/KeyTable/css/keyTable.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/initialisation/scroller.html
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/css/responsive.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/Responsive/css/responsive.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/Responsive/css/responsive.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/Responsive/css/responsive.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/display-types/bootstrap4-modal.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/display-types/semanticui-modal.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/js/responsive.bootstrap4.js
trunk/phpgwapi/js/DataTables/extensions/Responsive/js/responsive.bootstrap4.min.js
trunk/phpgwapi/js/DataTables/extensions/Responsive/js/responsive.semanticui.js
trunk/phpgwapi/js/DataTables/extensions/Responsive/js/responsive.semanticui.min.js
trunk/phpgwapi/js/DataTables/extensions/RowReorder/css/rowReorder.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/RowReorder/css/rowReorder.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/RowReorder/css/rowReorder.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/RowReorder/css/rowReorder.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/RowReorder/css/semanticui.scss
trunk/phpgwapi/js/DataTables/extensions/RowReorder/examples/initialisation/scroll.html
trunk/phpgwapi/js/DataTables/extensions/RowReorder/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/RowReorder/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/css/scroller.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/Scroller/css/scroller.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/Scroller/css/scroller.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/Scroller/css/scroller.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/initialisation/index.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/initialisation/select.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/styling/index.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/extensions/Select/css/select.bootstrap4.css
trunk/phpgwapi/js/DataTables/extensions/Select/css/select.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/extensions/Select/css/select.semanticui.css
trunk/phpgwapi/js/DataTables/extensions/Select/css/select.semanticui.min.css
trunk/phpgwapi/js/DataTables/extensions/Select/examples/api/cancellableEvents.html
trunk/phpgwapi/js/DataTables/extensions/Select/examples/styling/bootstrap4.html
trunk/phpgwapi/js/DataTables/extensions/Select/examples/styling/semanticui.html
trunk/phpgwapi/js/DataTables/media/css/dataTables.bootstrap4.css
trunk/phpgwapi/js/DataTables/media/css/dataTables.bootstrap4.min.css
trunk/phpgwapi/js/DataTables/media/css/dataTables.material.css
trunk/phpgwapi/js/DataTables/media/css/dataTables.material.min.css
trunk/phpgwapi/js/DataTables/media/css/dataTables.semanticui.css
trunk/phpgwapi/js/DataTables/media/css/dataTables.semanticui.min.css
trunk/phpgwapi/js/DataTables/media/css/dataTables.uikit.css
trunk/phpgwapi/js/DataTables/media/css/dataTables.uikit.min.css
trunk/phpgwapi/js/DataTables/media/js/dataTables.bootstrap4.js
trunk/phpgwapi/js/DataTables/media/js/dataTables.bootstrap4.min.js
trunk/phpgwapi/js/DataTables/media/js/dataTables.material.js
trunk/phpgwapi/js/DataTables/media/js/dataTables.material.min.js
trunk/phpgwapi/js/DataTables/media/js/dataTables.semanticui.js
trunk/phpgwapi/js/DataTables/media/js/dataTables.semanticui.min.js
trunk/phpgwapi/js/DataTables/media/js/dataTables.uikit.js
trunk/phpgwapi/js/DataTables/media/js/dataTables.uikit.min.js
Removed Paths:
-------------
trunk/phpgwapi/js/DataTables/extensions/ColVis/
trunk/phpgwapi/js/DataTables/extensions/TableTools/
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.bootstrap4.css
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.bootstrap4.css
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.bootstrap4.css
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,81 @@
+div.dt-autofill-handle {
+ position: absolute;
+ height: 8px;
+ width: 8px;
+ z-index: 102;
+ box-sizing: border-box;
+ border: 1px solid #0275d8;
+ background: #0275d8;
+}
+
+div.dt-autofill-select {
+ position: absolute;
+ z-index: 1001;
+ background-color: #0275d8;
+ background-image: repeating-linear-gradient(45deg, transparent, transparent
5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
+}
+div.dt-autofill-select.top, div.dt-autofill-select.bottom {
+ height: 3px;
+ margin-top: -1px;
+}
+div.dt-autofill-select.left, div.dt-autofill-select.right {
+ width: 3px;
+ margin-left: -1px;
+}
+
+div.dt-autofill-list {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 500px;
+ margin-left: -250px;
+ background-color: white;
+ border-radius: 6px;
+ box-shadow: 0 0 5px #555;
+ border: 2px solid #444;
+ z-index: 11;
+ box-sizing: border-box;
+ padding: 1.5em 2em;
+}
+div.dt-autofill-list ul {
+ display: table;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ width: 100%;
+}
+div.dt-autofill-list ul li {
+ display: table-row;
+}
+div.dt-autofill-list ul li:last-child div.dt-autofill-question,
div.dt-autofill-list ul li:last-child div.dt-autofill-button {
+ border-bottom: none;
+}
+div.dt-autofill-list ul li:hover {
+ background-color: #f6f6f6;
+}
+div.dt-autofill-list div.dt-autofill-question {
+ display: table-cell;
+ padding: 0.5em 0;
+ border-bottom: 1px solid #ccc;
+}
+div.dt-autofill-list div.dt-autofill-question input[type=number] {
+ padding: 6px;
+ width: 30px;
+ margin: -2px 0;
+}
+div.dt-autofill-list div.dt-autofill-button {
+ display: table-cell;
+ padding: 0.5em 0;
+ border-bottom: 1px solid #ccc;
+}
+
+div.dt-autofill-background {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.7);
+ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0,
0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
+ z-index: 10;
+}
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.bootstrap4.min.css
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.bootstrap4.min.css
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.bootstrap4.min.css
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1 @@
+div.dt-autofill-handle{position:absolute;height:8px;width:8px;z-index:102;box-sizing:border-box;border:1px
solid
#0275d8;background:#0275d8}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#0275d8;background-image:repeating-linear-gradient(45deg,
transparent, transparent 5px, rgba(255,255,255,0.5) 5px, rgba(255,255,255,0.5)
10px)}div.dt-autofill-select.top,div.dt-autofill-select.bottom{height:3px;margin-top:-1px}div.dt-autofill-select.left,div.dt-autofill-select.right{width:3px;margin-left:-1px}div.dt-autofill-list{position:fixed;top:50%;left:50%;width:500px;margin-left:-250px;background-color:white;border-radius:6px;box-shadow:0
0 5px #555;border:2px solid
#444;z-index:11;box-sizing:border-box;padding:1.5em 2em}div.dt-autofill-list
ul{display:table;margin:0;padding:0;list-style:none;width:100%}div.dt-autofill-list
ul li{display:table-row}div.dt-autofill-list ul li:last-child
div.dt-autofill-question,div.dt-autofill-list ul li:last-child
div.dt-autofill-button{border-bottom:none}div.dt-autofill-list ul
li:hover{background-color:#f6f6f6}div.dt-autofill-list
div.dt-autofill-question{display:table-cell;padding:0.5em 0;border-bottom:1px
solid #ccc}div.dt-autofill-list div.dt-autofill-question
input[type=number]{padding:6px;width:30px;margin:-2px 0}div.dt-autofill-list
div.dt-autofill-button{display:table-cell;padding:0.5em 0;border-bottom:1px
solid
#ccc}div.dt-autofill-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:radial-gradient(ellipse
farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7)
100%);z-index:10}
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.semanticui.css
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.semanticui.css
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.semanticui.css
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,81 @@
+div.dt-autofill-handle {
+ position: absolute;
+ height: 8px;
+ width: 8px;
+ z-index: 102;
+ box-sizing: border-box;
+ border: 1px solid #888;
+ background: #888;
+}
+
+div.dt-autofill-select {
+ position: absolute;
+ z-index: 1001;
+ background-color: #888;
+ background-image: repeating-linear-gradient(45deg, transparent, transparent
5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
+}
+div.dt-autofill-select.top, div.dt-autofill-select.bottom {
+ height: 3px;
+ margin-top: -1px;
+}
+div.dt-autofill-select.left, div.dt-autofill-select.right {
+ width: 3px;
+ margin-left: -1px;
+}
+
+div.dt-autofill-list {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 500px;
+ margin-left: -250px;
+ background-color: white;
+ border-radius: 6px;
+ box-shadow: 0 0 5px #555;
+ border: 2px solid #444;
+ z-index: 11;
+ box-sizing: border-box;
+ padding: 1.5em 2em;
+}
+div.dt-autofill-list ul {
+ display: table;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ width: 100%;
+}
+div.dt-autofill-list ul li {
+ display: table-row;
+}
+div.dt-autofill-list ul li:last-child div.dt-autofill-question,
div.dt-autofill-list ul li:last-child div.dt-autofill-button {
+ border-bottom: none;
+}
+div.dt-autofill-list ul li:hover {
+ background-color: #f6f6f6;
+}
+div.dt-autofill-list div.dt-autofill-question {
+ display: table-cell;
+ padding: 0.5em 0;
+ border-bottom: 1px solid #ccc;
+}
+div.dt-autofill-list div.dt-autofill-question input[type=number] {
+ padding: 6px;
+ width: 30px;
+ margin: -2px 0;
+}
+div.dt-autofill-list div.dt-autofill-button {
+ display: table-cell;
+ padding: 0.5em 0;
+ border-bottom: 1px solid #ccc;
+}
+
+div.dt-autofill-background {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.7);
+ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0,
0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
+ z-index: 10;
+}
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.semanticui.min.css
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.semanticui.min.css
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/autoFill.semanticui.min.css
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1 @@
+div.dt-autofill-handle{position:absolute;height:8px;width:8px;z-index:102;box-sizing:border-box;border:1px
solid
#888;background:#888}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#888;background-image:repeating-linear-gradient(45deg,
transparent, transparent 5px, rgba(255,255,255,0.5) 5px, rgba(255,255,255,0.5)
10px)}div.dt-autofill-select.top,div.dt-autofill-select.bottom{height:3px;margin-top:-1px}div.dt-autofill-select.left,div.dt-autofill-select.right{width:3px;margin-left:-1px}div.dt-autofill-list{position:fixed;top:50%;left:50%;width:500px;margin-left:-250px;background-color:white;border-radius:6px;box-shadow:0
0 5px #555;border:2px solid
#444;z-index:11;box-sizing:border-box;padding:1.5em 2em}div.dt-autofill-list
ul{display:table;margin:0;padding:0;list-style:none;width:100%}div.dt-autofill-list
ul li{display:table-row}div.dt-autofill-list ul li:last-child
div.dt-autofill-question,div.dt-autofill-list ul li:last-child
div.dt-autofill-button{border-bottom:none}div.dt-autofill-list ul
li:hover{background-color:#f6f6f6}div.dt-autofill-list
div.dt-autofill-question{display:table-cell;padding:0.5em 0;border-bottom:1px
solid #ccc}div.dt-autofill-list div.dt-autofill-question
input[type=number]{padding:6px;width:30px;margin:-2px 0}div.dt-autofill-list
div.dt-autofill-button{display:table-cell;padding:0.5em 0;border-bottom:1px
solid
#ccc}div.dt-autofill-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:radial-gradient(ellipse
farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7)
100%);z-index:10}
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/styling/bootstrap4.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/styling/bootstrap4.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/styling/bootstrap4.html
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,669 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico">
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+ <title>AutoFill example - Bootstrap 4 styling</title>
+ <link rel="stylesheet" type="text/css"
href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.2/css/bootstrap.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../media/css/dataTables.bootstrap4.css">
+ <link rel="stylesheet" type="text/css"
href="../../css/autoFill.bootstrap4.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="//code.jquery.com/jquery-1.12.3.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../media/js/jquery.dataTables.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../media/js/dataTables.bootstrap4.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/dataTables.autoFill.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/autoFill.bootstrap4.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/syntax/shCore.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/demo.js">
+ </script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+
+$(document).ready(function() {
+ $('#example').DataTable( {
+ autoFill: true
+ } );
+} );
+
+
+
+ </script>
+</head>
+<body class="dt-example dt-example-bootstrap4">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Bootstrap 4
styling</span></h1>
+ <div class="info">
+ <p>This example shows DataTables and the
AutoFill extension being used with <a href="http://getbootstrap.com">Bootstrap
4</a> providing the styling. The DataTables
+ / Bootstrap integration provides seamless
integration for DataTables to be used in a Bootstrap 4 page.</p>
+ </div>
+ <table id="example" class="table table-striped
table-bordered" cellspacing="0" width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
+ $('#example').DataTable( {
+ autoFill: true
+ } );
+} );</code>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
+ <ul>
+ <li>
+ <a
href="//code.jquery.com/jquery-1.12.3.min.js">//code.jquery.com/jquery-1.12.3.min.js</a>
+ </li>
+ <li>
+ <a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a>
+ </li>
+ <li>
+ <a
href="../../../../media/js/dataTables.bootstrap4.js">../../../../media/js/dataTables.bootstrap4.js</a>
+ </li>
+ <li>
+ <a
href="../../js/dataTables.autoFill.js">../../js/dataTables.autoFill.js</a>
+ </li>
+ <li>
+ <a
href="../../js/autoFill.bootstrap4.js">../../js/autoFill.bootstrap4.js</a>
+ </li>
+ </ul>
+ </div>
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by DataTables:</p>
+ </div>
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library files (below), in
order to correctly display the table. The
+ additional CSS used is shown
below:</p><code class="multiline language-css"></code>
+ </div>
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the table:</p>
+ <ul>
+ <li>
+ <a href=
+
"//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.2/css/bootstrap.css">//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.2/css/bootstrap.css</a>
+ </li>
+ <li>
+ <a
href="../../../../media/css/dataTables.bootstrap4.css">../../../../media/css/dataTables.bootstrap4.css</a>
+ </li>
+ <li>
+ <a
href="../../css/autoFill.bootstrap4.css">../../css/autoFill.bootstrap4.css</a>
+ </li>
+ </ul>
+ </div>
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data will update
automatically as any additional data is
+ loaded.</p>
+ </div>
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note that this is
just an example script using PHP. Server-side
+ processing scripts can be written in
any language, using <a href="//datatables.net/manual/server-side">the protocol
described in the DataTables
+ documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+ <div class="liner">
+ <h2>Other examples</h2>
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="../initialisation/index.html">Initialisation</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../initialisation/simple.html">Basic initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/fills.html">Fill types</a>
+ </li>
+ <li>
+ <a
href="../initialisation/keyTable.html">KeyTable integration</a>
+ </li>
+ <li>
+ <a
href="../initialisation/events.html">Events</a>
+ </li>
+ <li>
+ <a
href="../initialisation/alwaysAsk.html">Always confirm action</a>
+ </li>
+ <li>
+ <a
href="../initialisation/columns.html">Column selector</a>
+ </li>
+ <li>
+ <a
href="../initialisation/focus.html">Click focus</a>
+ </li>
+ <li>
+ <a
href="../initialisation/scrolling.html">Scrolling DataTable</a>
+ </li>
+ <li>
+ <a
href="../initialisation/plugins.html">Fill plug-ins</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="./index.html">Styling</a></h3>
+ <ul class="toc active">
+ <li>
+ <a
href="./bootstrap.html">Bootstrap styling</a>
+ </li>
+ <li class="active">
+ <a
href="./bootstrap4.html">Bootstrap 4 styling</a>
+ </li>
+ <li>
+ <a
href="./foundation.html">Foundation styling</a>
+ </li>
+ <li>
+ <a
href="./semanticui.html">Semantic UI styling</a>
+ </li>
+ <li>
+ <a
href="./jqueryui.html">jQuery UI styling</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net">DataTables documentation</a> for full
information about its API properties and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extensions">extensions</a> and <a href=
+
"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities
of DataTables.</p>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a>
© 2007-2016<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit">MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/styling/semanticui.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/styling/semanticui.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/styling/semanticui.html
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,668 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico">
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+ <title>AutoFill example - Semantic UI styling</title>
+ <link rel="stylesheet" type="text/css"
href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../media/css/dataTables.semanticui.css">
+ <link rel="stylesheet" type="text/css"
href="../../css/autoFill.semanticui.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="//code.jquery.com/jquery-1.12.3.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../media/js/jquery.dataTables.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../media/js/dataTables.semanticui.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/dataTables.autoFill.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/autoFill.semanticui.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/syntax/shCore.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/demo.js">
+ </script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+
+$(document).ready(function() {
+ $('#example').DataTable( {
+ autoFill: true
+ } );
+} );
+
+
+
+ </script>
+</head>
+<body class="dt-example dt-example-semanticui">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Semantic UI
styling</span></h1>
+ <div class="info">
+ <p>This example shows DataTables and the
AutoFill extension being used with <a href="http://semantic-ui.com">Semantic
UI</a> providing the styling. The DataTables
+ / Semantic UI integration provides seamless
integration for DataTables to be used in a Semantic UI page.</p>
+ </div>
+ <table id="example" class="ui celled table"
cellspacing="0" width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
+ $('#example').DataTable( {
+ autoFill: true
+ } );
+} );</code>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
+ <ul>
+ <li>
+ <a
href="//code.jquery.com/jquery-1.12.3.min.js">//code.jquery.com/jquery-1.12.3.min.js</a>
+ </li>
+ <li>
+ <a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a>
+ </li>
+ <li>
+ <a
href="../../../../media/js/dataTables.semanticui.js">../../../../media/js/dataTables.semanticui.js</a>
+ </li>
+ <li>
+ <a
href="../../js/dataTables.autoFill.js">../../js/dataTables.autoFill.js</a>
+ </li>
+ <li>
+ <a
href="../../js/autoFill.semanticui.js">../../js/autoFill.semanticui.js</a>
+ </li>
+ </ul>
+ </div>
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by DataTables:</p>
+ </div>
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library files (below), in
order to correctly display the table. The
+ additional CSS used is shown
below:</p><code class="multiline language-css"></code>
+ </div>
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the table:</p>
+ <ul>
+ <li>
+ <a
href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css</a>
+ </li>
+ <li>
+ <a
href="../../../../media/css/dataTables.semanticui.css">../../../../media/css/dataTables.semanticui.css</a>
+ </li>
+ <li>
+ <a
href="../../css/autoFill.semanticui.css">../../css/autoFill.semanticui.css</a>
+ </li>
+ </ul>
+ </div>
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data will update
automatically as any additional data is
+ loaded.</p>
+ </div>
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note that this is
just an example script using PHP. Server-side
+ processing scripts can be written in
any language, using <a href="//datatables.net/manual/server-side">the protocol
described in the DataTables
+ documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+ <div class="liner">
+ <h2>Other examples</h2>
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="../initialisation/index.html">Initialisation</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../initialisation/simple.html">Basic initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/fills.html">Fill types</a>
+ </li>
+ <li>
+ <a
href="../initialisation/keyTable.html">KeyTable integration</a>
+ </li>
+ <li>
+ <a
href="../initialisation/events.html">Events</a>
+ </li>
+ <li>
+ <a
href="../initialisation/alwaysAsk.html">Always confirm action</a>
+ </li>
+ <li>
+ <a
href="../initialisation/columns.html">Column selector</a>
+ </li>
+ <li>
+ <a
href="../initialisation/focus.html">Click focus</a>
+ </li>
+ <li>
+ <a
href="../initialisation/scrolling.html">Scrolling DataTable</a>
+ </li>
+ <li>
+ <a
href="../initialisation/plugins.html">Fill plug-ins</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="./index.html">Styling</a></h3>
+ <ul class="toc active">
+ <li>
+ <a
href="./bootstrap.html">Bootstrap styling</a>
+ </li>
+ <li>
+ <a
href="./bootstrap4.html">Bootstrap 4 styling</a>
+ </li>
+ <li>
+ <a
href="./foundation.html">Foundation styling</a>
+ </li>
+ <li class="active">
+ <a
href="./semanticui.html">Semantic UI styling</a>
+ </li>
+ <li>
+ <a
href="./jqueryui.html">jQuery UI styling</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net">DataTables documentation</a> for full
information about its API properties and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extensions">extensions</a> and <a href=
+
"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities
of DataTables.</p>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a>
© 2007-2016<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit">MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.bootstrap4.js
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.bootstrap4.js
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.bootstrap4.js
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,43 @@
+/*! Bootstrap integration for DataTables' AutoFill
+ * ©2015 SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+ if ( typeof define === 'function' && define.amd ) {
+ // AMD
+ define( ['jquery', 'datatables.net-bs4',
'datatables.net-autofill'], function ( $ ) {
+ return factory( $, window, document );
+ } );
+ }
+ else if ( typeof exports === 'object' ) {
+ // CommonJS
+ module.exports = function (root, $) {
+ if ( ! root ) {
+ root = window;
+ }
+
+ if ( ! $ || ! $.fn.dataTable ) {
+ $ = require('datatables.net-bs4')(root, $).$;
+ }
+
+ if ( ! $.fn.dataTable.AutoFill ) {
+ require('datatables.net-autofill')(root, $);
+ }
+
+ return factory( $, root, root.document );
+ };
+ }
+ else {
+ // Browser
+ factory( jQuery, window, document );
+ }
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+DataTable.AutoFill.classes.btn = 'btn btn-primary';
+
+
+return DataTable;
+}));
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.bootstrap4.min.js
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.bootstrap4.min.js
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.bootstrap4.min.js
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,5 @@
+/*!
+ Bootstrap integration for DataTables' AutoFill
+ ©2015 SpryMedia Ltd - datatables.net/license
+*/
+(function(a){"function"===typeof
define&&define.amd?define(["jquery","datatables.net-bs4","datatables.net-autofill"],function(b){return
a(b,window,document)}):"object"===typeof
exports?module.exports=function(b,c){b||(b=window);if(!c||!c.fn.dataTable)c=require("datatables.net-bs4")(b,c).$;c.fn.dataTable.AutoFill||require("datatables.net-autofill")(b,c);return
a(c,b,b.document)}:a(jQuery,window,document)})(function(a){a=a.fn.dataTable;a.AutoFill.classes.btn="btn
btn-primary";return a});
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.semanticui.js
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.semanticui.js
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.semanticui.js
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,43 @@
+/*! Bootstrap integration for DataTables' AutoFill
+ * ©2015 SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+ if ( typeof define === 'function' && define.amd ) {
+ // AMD
+ define( ['jquery', 'datatables.net-se',
'datatables.net-autofill'], function ( $ ) {
+ return factory( $, window, document );
+ } );
+ }
+ else if ( typeof exports === 'object' ) {
+ // CommonJS
+ module.exports = function (root, $) {
+ if ( ! root ) {
+ root = window;
+ }
+
+ if ( ! $ || ! $.fn.dataTable ) {
+ $ = require('datatables.net-se')(root, $).$;
+ }
+
+ if ( ! $.fn.dataTable.AutoFill ) {
+ require('datatables.net-autofill')(root, $);
+ }
+
+ return factory( $, root, root.document );
+ };
+ }
+ else {
+ // Browser
+ factory( jQuery, window, document );
+ }
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+DataTable.AutoFill.classes.btn = 'ui button';
+
+
+return DataTable;
+}));
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.semanticui.min.js
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.semanticui.min.js
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/autoFill.semanticui.min.js
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,5 @@
+/*!
+ Bootstrap integration for DataTables' AutoFill
+ ©2015 SpryMedia Ltd - datatables.net/license
+*/
+(function(a){"function"===typeof
define&&define.amd?define(["jquery","datatables.net-se","datatables.net-autofill"],function(b){return
a(b,window,document)}):"object"===typeof
exports?module.exports=function(b,c){b||(b=window);if(!c||!c.fn.dataTable)c=require("datatables.net-se")(b,c).$;c.fn.dataTable.AutoFill||require("datatables.net-autofill")(b,c);return
a(c,b,b.document)}:a(jQuery,window,document)})(function(a){a=a.fn.dataTable;a.AutoFill.classes.btn="ui
button";return a});
Added:
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.bootstrap4.css
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.bootstrap4.css
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.bootstrap4.css
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,163 @@
+div.dt-button-info {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 400px;
+ margin-top: -100px;
+ margin-left: -200px;
+ background-color: white;
+ border: 2px solid #111;
+ box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
+ border-radius: 3px;
+ text-align: center;
+ z-index: 21;
+}
+div.dt-button-info h2 {
+ padding: 0.5em;
+ margin: 0;
+ font-weight: normal;
+ border-bottom: 1px solid #ddd;
+ background-color: #f3f3f3;
+}
+div.dt-button-info > div {
+ padding: 1em;
+}
+
+ul.dt-button-collection.dropdown-menu {
+ display: block;
+ z-index: 2002;
+ -webkit-column-gap: 8px;
+ -moz-column-gap: 8px;
+ -ms-column-gap: 8px;
+ -o-column-gap: 8px;
+ column-gap: 8px;
+}
+ul.dt-button-collection.dropdown-menu.fixed {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin-left: -75px;
+ border-radius: 0;
+}
+ul.dt-button-collection.dropdown-menu.fixed.two-column {
+ margin-left: -150px;
+}
+ul.dt-button-collection.dropdown-menu.fixed.three-column {
+ margin-left: -225px;
+}
+ul.dt-button-collection.dropdown-menu.fixed.four-column {
+ margin-left: -300px;
+}
+ul.dt-button-collection.dropdown-menu > * {
+ -webkit-column-break-inside: avoid;
+ break-inside: avoid;
+}
+ul.dt-button-collection.dropdown-menu.two-column {
+ width: 300px;
+ padding-bottom: 1px;
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ -ms-column-count: 2;
+ -o-column-count: 2;
+ column-count: 2;
+}
+ul.dt-button-collection.dropdown-menu.three-column {
+ width: 450px;
+ padding-bottom: 1px;
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ -ms-column-count: 3;
+ -o-column-count: 3;
+ column-count: 3;
+}
+ul.dt-button-collection.dropdown-menu.four-column {
+ width: 600px;
+ padding-bottom: 1px;
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ -ms-column-count: 4;
+ -o-column-count: 4;
+ column-count: 4;
+}
+
+ul.dt-button-collection {
+ -webkit-column-gap: 8px;
+ -moz-column-gap: 8px;
+ -ms-column-gap: 8px;
+ -o-column-gap: 8px;
+ column-gap: 8px;
+}
+ul.dt-button-collection.fixed {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin-left: -75px;
+ border-radius: 0;
+}
+ul.dt-button-collection.fixed.two-column {
+ margin-left: -150px;
+}
+ul.dt-button-collection.fixed.three-column {
+ margin-left: -225px;
+}
+ul.dt-button-collection.fixed.four-column {
+ margin-left: -300px;
+}
+ul.dt-button-collection > * {
+ -webkit-column-break-inside: avoid;
+ break-inside: avoid;
+}
+ul.dt-button-collection.two-column {
+ width: 300px;
+ padding-bottom: 1px;
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ -ms-column-count: 2;
+ -o-column-count: 2;
+ column-count: 2;
+}
+ul.dt-button-collection.three-column {
+ width: 450px;
+ padding-bottom: 1px;
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ -ms-column-count: 3;
+ -o-column-count: 3;
+ column-count: 3;
+}
+ul.dt-button-collection.four-column {
+ width: 600px;
+ padding-bottom: 1px;
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ -ms-column-count: 4;
+ -o-column-count: 4;
+ column-count: 4;
+}
+ul.dt-button-collection.fixed {
+ max-width: none;
+}
+ul.dt-button-collection.fixed:before, ul.dt-button-collection.fixed:after {
+ display: none;
+}
+
+div.dt-button-background {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 999;
+}
+
address@hidden screen and (max-width: 767px) {
+ div.dt-buttons {
+ float: none;
+ width: 100%;
+ text-align: center;
+ margin-bottom: 0.5em;
+ }
+ div.dt-buttons a.btn {
+ float: none;
+ }
+}
Added:
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.bootstrap4.min.css
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.bootstrap4.min.css
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.bootstrap4.min.css
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1 @@
+div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px
solid #111;box-shadow:3px 3px 8px
rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info
h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid
#ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}ul.dt-button-collection.dropdown-menu{display:block;z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.dropdown-menu.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.dropdown-menu.fixed.two-column{margin-left:-150px}ul.dt-button-collection.dropdown-menu.fixed.three-column{margin-left:-225px}ul.dt-button-collection.dropdown-menu.fixed.four-column{margin-left:-300px}ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.dropdown-menu.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.dropdown-menu.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.dropdown-menu.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}ul.dt-button-collection{-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.fixed.two-column{margin-left:-150px}ul.dt-button-collection.fixed.three-column{margin-left:-225px}ul.dt-button-collection.fixed.four-column{margin-left:-300px}ul.dt-button-collection>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}ul.dt-button-collection.fixed{max-width:none}ul.dt-button-collection.fixed:before,ul.dt-button-collection.fixed:after{display:none}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:address@hidden
screen and (max-width:
767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons
a.btn{float:none}}
Added:
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.semanticui.css
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.semanticui.css
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.semanticui.css
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,114 @@
address@hidden "UTF-8";
+div.dt-button-info {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 400px;
+ margin-top: -100px;
+ margin-left: -200px;
+ background-color: white;
+ border: 2px solid #111;
+ box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
+ border-radius: 3px;
+ text-align: center;
+ z-index: 21;
+}
+div.dt-button-info h2 {
+ padding: 0.5em;
+ margin: 0;
+ font-weight: normal;
+ border-bottom: 1px solid #ddd;
+ background-color: #f3f3f3;
+}
+div.dt-button-info > div {
+ padding: 1em;
+}
+
+div.dt-button-collection {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 150px;
+ margin-top: 3px !important;
+ z-index: 2002;
+ background: white;
+ -webkit-column-gap: 8px;
+ -moz-column-gap: 8px;
+ -ms-column-gap: 8px;
+ -o-column-gap: 8px;
+ column-gap: 8px;
+}
+div.dt-button-collection.fixed {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin-left: -75px;
+ border-radius: 0;
+}
+div.dt-button-collection.fixed.two-column {
+ margin-left: -150px;
+}
+div.dt-button-collection.fixed.three-column {
+ margin-left: -225px;
+}
+div.dt-button-collection.fixed.four-column {
+ margin-left: -300px;
+}
+div.dt-button-collection > * {
+ -webkit-column-break-inside: avoid;
+ break-inside: avoid;
+}
+div.dt-button-collection.two-column {
+ width: 300px;
+ padding-bottom: 1px;
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ -ms-column-count: 2;
+ -o-column-count: 2;
+ column-count: 2;
+}
+div.dt-button-collection.three-column {
+ width: 450px;
+ padding-bottom: 1px;
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ -ms-column-count: 3;
+ -o-column-count: 3;
+ column-count: 3;
+}
+div.dt-button-collection.four-column {
+ width: 600px;
+ padding-bottom: 1px;
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ -ms-column-count: 4;
+ -o-column-count: 4;
+ column-count: 4;
+}
+
+button.buttons-collection.ui.button span:after {
+ display: inline-block;
+ content: "▾";
+ padding-left: 0.5em;
+}
+
+div.dt-button-background {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2001;
+}
+
address@hidden screen and (max-width: 767px) {
+ div.dt-buttons {
+ float: none;
+ width: 100%;
+ text-align: center;
+ margin-bottom: 0.5em;
+ }
+ div.dt-buttons a.btn {
+ float: none;
+ }
+}
Added:
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.semanticui.min.css
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.semanticui.min.css
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/Buttons/css/buttons.semanticui.min.css
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1 @@
+div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px
solid #111;box-shadow:3px 3px 8px
rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info
h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid
#ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}div.dt-button-collection{position:absolute;top:0;left:0;width:150px;margin-top:3px
!important;z-index:2002;background:white;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}div.dt-button-collection.fixed.two-column{margin-left:-150px}div.dt-button-collection.fixed.three-column{margin-left:-225px}div.dt-button-collection.fixed.four-column{margin-left:-300px}div.dt-button-collection>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}div.dt-button-collection.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}div.dt-button-collection.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}button.buttons-collection.ui.button
span:after{display:inline-block;content:"▾";padding-left:0.5em}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:address@hidden
screen and (max-width:
767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons
a.btn{float:none}}
Added:
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/customFile.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/customFile.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/customFile.html
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,851 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico">
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+ <title>Buttons example - Custom file (JSON)</title>
+ <link rel="stylesheet" type="text/css"
href="../../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../../css/buttons.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="//code.jquery.com/jquery-1.12.3.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../media/js/jquery.dataTables.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/dataTables.buttons.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/buttons.html5.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/syntax/shCore.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/demo.js">
+ </script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+
+$(document).ready(function() {
+ $('#example').DataTable( {
+ dom: 'Bfrtip',
+ buttons: [
+ {
+ text: 'JSON',
+ action: function ( e, dt, button, config ) {
+ var data = dt.buttons.exportData();
+
+ $.fn.dataTable.fileSave(
+ new Blob( [ JSON.stringify(
data ) ] ),
+ 'Export.json'
+ );
+ }
+ }
+ ]
+ } );
+} );
+
+
+
+ </script>
+</head>
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>Buttons example <span>Custom file (JSON)</span></h1>
+ <div class="info">
+ <p>Buttons uses the excellent <a
href="https://github.com/eligrey/FileSaver.js/">FileSaver.js</a> by Eli Grey in
order to be able to create and download files on
+ the client-side (i.e. for the CSV and Excel
button types). Buttons' built in FileSaver.js is exposed via <a href=
+
"//datatables.net/reference/api/%24.fn.dataTable.fileSave()"><code class="api"
title="Buttons API method">$.fn.dataTable.fileSave()</code></a> when the HTML5
+ button types file is loaded, and it can be used
to easily create your own custom files.</p>
+ <p>This example makes use of <a
href="//datatables.net/reference/api/buttons.exportData()"><code class="api"
title=
+ "Buttons API
method">buttons.exportData()</code></a> to get data from the host DataTable and
then create a file with JSON data in it using the <a href=
+
"//datatables.net/reference/api/%24.fn.dataTable.fileSave()"><code class="api"
title="Buttons API method">$.fn.dataTable.fileSave()</code></a> method.</p>
+ <p>Please note that Safari and IE9- are not
currently supported. Safari support should be available with the next version
of Safari.</p>
+ </div>
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
+ $('#example').DataTable( {
+ dom: 'Bfrtip',
+ buttons: [
+ {
+ text: 'JSON',
+ action: function ( e, dt, button, config ) {
+ var data = dt.buttons.exportData();
+
+ $.fn.dataTable.fileSave(
+ new Blob( [ JSON.stringify(
data ) ] ),
+ 'Export.json'
+ );
+ }
+ }
+ ]
+ } );
+} );</code>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
+ <ul>
+ <li>
+ <a
href="//code.jquery.com/jquery-1.12.3.min.js">//code.jquery.com/jquery-1.12.3.min.js</a>
+ </li>
+ <li>
+ <a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a>
+ </li>
+ <li>
+ <a
href="../../js/dataTables.buttons.js">../../js/dataTables.buttons.js</a>
+ </li>
+ <li>
+ <a
href="../../js/buttons.html5.js">../../js/buttons.html5.js</a>
+ </li>
+ </ul>
+ </div>
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by DataTables:</p>
+ </div>
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library files (below), in
order to correctly display the table. The
+ additional CSS used is shown
below:</p><code class="multiline language-css"></code>
+ </div>
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the table:</p>
+ <ul>
+ <li>
+ <a
href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a>
+ </li>
+ <li>
+ <a
href="../../css/buttons.dataTables.css">../../css/buttons.dataTables.css</a>
+ </li>
+ </ul>
+ </div>
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data will update
automatically as any additional data is
+ loaded.</p>
+ </div>
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note that this is
just an example script using PHP. Server-side
+ processing scripts can be written in
any language, using <a href="//datatables.net/manual/server-side">the protocol
described in the DataTables
+ documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+ <div class="liner">
+ <h2>Other examples</h2>
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="../initialisation/index.html">Basic initialisation</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../initialisation/simple.html">Basic initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/export.html">File export</a>
+ </li>
+ <li>
+ <a
href="../initialisation/custom.html">Custom button</a>
+ </li>
+ <li>
+ <a
href="../initialisation/className.html">Class names</a>
+ </li>
+ <li>
+ <a
href="../initialisation/keys.html">Keyboard activation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections.html">Collections</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections-sub.html">Multi-level collections</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections-autoClose.html">Auto close collection</a>
+ </li>
+ <li>
+ <a
href="../initialisation/plugins.html">Plug-ins</a>
+ </li>
+ <li>
+ <a
href="../initialisation/new.html">`new` initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/multiple.html">Multiple button groups</a>
+ </li>
+ <li>
+ <a
href="../initialisation/pageLength.html">Page length</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a href="./index.html">HTML
5 data export</a></h3>
+ <ul class="toc active">
+ <li>
+ <a
href="./simple.html">HTML5 export buttons</a>
+ </li>
+ <li>
+ <a
href="./tsv.html">Tab separated values</a>
+ </li>
+ <li>
+ <a
href="./filename.html">File name</a>
+ </li>
+ <li>
+ <a
href="./copyi18n.html">Copy button internationalisation</a>
+ </li>
+ <li>
+ <a
href="./columns.html">Column selectors</a>
+ </li>
+ <li>
+ <a
href="./outputFormat-orthogonal.html">Format output data - orthogonal data</a>
+ </li>
+ <li>
+ <a
href="./outputFormat-function.html">Format output data - export options</a>
+ </li>
+ <li>
+ <a
href="./excelTextBold.html">Excel - Bold text</a>
+ </li>
+ <li>
+ <a
href="./excelCellShading.html">Excel - Cell background</a>
+ </li>
+ <li>
+ <a
href="./excelBorder.html">Excel - Customise borders</a>
+ </li>
+ <li>
+ <a
href="./pdfMessage.html">PDF - message</a>
+ </li>
+ <li>
+ <a
href="./pdfPage.html">PDF - page size and orientation</a>
+ </li>
+ <li>
+ <a
href="./pdfImage.html">PDF - image</a>
+ </li>
+ <li>
+ <a
href="./pdfOpen.html">PDF - open in new window</a>
+ </li>
+ <li class="active">
+ <a
href="./customFile.html">Custom file (JSON)</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../flash/index.html">Flash data export</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../flash/simple.html">Flash export buttons</a>
+ </li>
+ <li>
+ <a
href="../flash/tsv.html">Tab separated values</a>
+ </li>
+ <li>
+ <a
href="../flash/filename.html">File name</a>
+ </li>
+ <li>
+ <a
href="../flash/copyi18n.html">Copy button internationalisation</a>
+ </li>
+ <li>
+ <a
href="../flash/pdfMessage.html">PDF message</a>
+ </li>
+ <li>
+ <a
href="../flash/pdfPage.html">Page size and orientation</a>
+ </li>
+ <li>
+ <a
href="../flash/hidden.html">Hidden initialisation</a>
+ </li>
+ <li>
+ <a
href="../flash/swfPath.html">SWF file location</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../column_visibility/index.html">Column visibility</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../column_visibility/simple.html">Basic column visibility</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/layout.html">Multi-column layout</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/text.html">Internationalisation</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/restore.html">Restore column visibility</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columns.html">Select columns</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columnsToggle.html">Visibility toggle buttons</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columnGroups.html">Column groups</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/stateSave.html">State saving</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../print/index.html">Print</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../print/simple.html">Print button</a>
+ </li>
+ <li>
+ <a
href="../print/message.html">Custom message</a>
+ </li>
+ <li>
+ <a
href="../print/columns.html">Export options - column selector</a>
+ </li>
+ <li>
+ <a
href="../print/select.html">Export options - row selector</a>
+ </li>
+ <li>
+ <a
href="../print/autoPrint.html">Disable auto print</a>
+ </li>
+ <li>
+ <a
href="../print/customisation.html">Customisation of the print view window</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../api/index.html">API</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../api/enable.html">Enable / disable</a>
+ </li>
+ <li>
+ <a
href="../api/text.html">Dynamic text</a>
+ </li>
+ <li>
+ <a
href="../api/addRemove.html">Adding and removing buttons dynamically</a>
+ </li>
+ <li>
+ <a
href="../api/group.html">Group selection</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../styling/index.html">Styling</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../styling/bootstrap.html">Bootstrap 3</a>
+ </li>
+ <li>
+ <a
href="../styling/bootstrap4.html">Bootstrap 4</a>
+ </li>
+ <li>
+ <a
href="../styling/foundation.html">Foundation styling</a>
+ </li>
+ <li>
+ <a
href="../styling/jqueryui.html">jQuery UI styling</a>
+ </li>
+ <li>
+ <a
href="../styling/semanticui.html">Semantic UI styling</a>
+ </li>
+ <li>
+ <a
href="../styling/icons.html">Icons</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net">DataTables documentation</a> for full
information about its API properties and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extensions">extensions</a> and <a href=
+
"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities
of DataTables.</p>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a>
© 2007-2016<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit">MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelBorder.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelBorder.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelBorder.html
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,848 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico">
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+ <title>Buttons example - Excel - Customise borders</title>
+ <link rel="stylesheet" type="text/css"
href="../../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../../css/buttons.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="//code.jquery.com/jquery-1.12.3.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../media/js/jquery.dataTables.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/dataTables.buttons.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/buttons.html5.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/syntax/shCore.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/demo.js">
+ </script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+
+$(document).ready(function() {
+ $('#example').DataTable( {
+ dom: 'Bfrtip',
+ buttons: [ {
+ extend: 'excelHtml5',
+ customize: function ( xlsx ){
+ var sheet = xlsx.xl.worksheets['sheet1.xml'];
+
+ // jQuery selector to add a border
+ $('row c[r*="10"]', sheet).attr( 's', '25' );
+ }
+ } ]
+ } );
+} );
+
+
+
+ </script>
+</head>
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>Buttons example <span>Excel - Customise
borders</span></h1>
+ <div class="info">
+ <p>The Excel export button saves to an XLSX
file and the data can be customised before exporting the file using the
<code>customize</code> method of the <a href=
+
"//datatables.net/reference/button/excelHtml5"><code class="button"
title="Buttons button type">excelHtml5</code></a> button type.</p>
+ <p>This example demonstrates how to manipulate
the file using this method to add a styling attribute to a row in the XML used
to create the XSLX file. The object
+ passed into the <code>customize</code> method
contains the XSLX's file structure and the worksheet can be accessed as shown.
A jQuery selector is then used to
+ select the cells in row 10 and a border added.
More complex logic (such as conditionally adding borders based on cell content)
could of course be used.</p>
+ <p>The style added (index <code>25</code> in
this case) is defined by the default styles included by Buttons. The full list
of styles available and further
+ information about the <code>customize</code>
method are detailed in the <a
href="//datatables.net/reference/button/excelHtml5"><code class="button" title=
+ "Buttons button type">excelHtml5</code></a>
documentation.</p>
+ </div>
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
+ $('#example').DataTable( {
+ dom: 'Bfrtip',
+ buttons: [ {
+ extend: 'excelHtml5',
+ customize: function ( xlsx ){
+ var sheet = xlsx.xl.worksheets['sheet1.xml'];
+
+ // jQuery selector to add a border
+ $('row c[r*="10"]', sheet).attr( 's',
'25' );
+ }
+ } ]
+ } );
+} );</code>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
+ <ul>
+ <li>
+ <a
href="//code.jquery.com/jquery-1.12.3.min.js">//code.jquery.com/jquery-1.12.3.min.js</a>
+ </li>
+ <li>
+ <a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a>
+ </li>
+ <li>
+ <a
href="../../js/dataTables.buttons.js">../../js/dataTables.buttons.js</a>
+ </li>
+ <li>
+ <a
href="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js">//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js</a>
+ </li>
+ <li>
+ <a
href="../../js/buttons.html5.js">../../js/buttons.html5.js</a>
+ </li>
+ </ul>
+ </div>
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by DataTables:</p>
+ </div>
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library files (below), in
order to correctly display the table. The
+ additional CSS used is shown
below:</p><code class="multiline language-css"></code>
+ </div>
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the table:</p>
+ <ul>
+ <li>
+ <a
href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a>
+ </li>
+ <li>
+ <a
href="../../css/buttons.dataTables.css">../../css/buttons.dataTables.css</a>
+ </li>
+ </ul>
+ </div>
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data will update
automatically as any additional data is
+ loaded.</p>
+ </div>
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note that this is
just an example script using PHP. Server-side
+ processing scripts can be written in
any language, using <a href="//datatables.net/manual/server-side">the protocol
described in the DataTables
+ documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+ <div class="liner">
+ <h2>Other examples</h2>
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="../initialisation/index.html">Basic initialisation</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../initialisation/simple.html">Basic initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/export.html">File export</a>
+ </li>
+ <li>
+ <a
href="../initialisation/custom.html">Custom button</a>
+ </li>
+ <li>
+ <a
href="../initialisation/className.html">Class names</a>
+ </li>
+ <li>
+ <a
href="../initialisation/keys.html">Keyboard activation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections.html">Collections</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections-sub.html">Multi-level collections</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections-autoClose.html">Auto close collection</a>
+ </li>
+ <li>
+ <a
href="../initialisation/plugins.html">Plug-ins</a>
+ </li>
+ <li>
+ <a
href="../initialisation/new.html">`new` initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/multiple.html">Multiple button groups</a>
+ </li>
+ <li>
+ <a
href="../initialisation/pageLength.html">Page length</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a href="./index.html">HTML
5 data export</a></h3>
+ <ul class="toc active">
+ <li>
+ <a
href="./simple.html">HTML5 export buttons</a>
+ </li>
+ <li>
+ <a
href="./tsv.html">Tab separated values</a>
+ </li>
+ <li>
+ <a
href="./filename.html">File name</a>
+ </li>
+ <li>
+ <a
href="./copyi18n.html">Copy button internationalisation</a>
+ </li>
+ <li>
+ <a
href="./columns.html">Column selectors</a>
+ </li>
+ <li>
+ <a
href="./outputFormat-orthogonal.html">Format output data - orthogonal data</a>
+ </li>
+ <li>
+ <a
href="./outputFormat-function.html">Format output data - export options</a>
+ </li>
+ <li>
+ <a
href="./excelTextBold.html">Excel - Bold text</a>
+ </li>
+ <li>
+ <a
href="./excelCellShading.html">Excel - Cell background</a>
+ </li>
+ <li class="active">
+ <a
href="./excelBorder.html">Excel - Customise borders</a>
+ </li>
+ <li>
+ <a
href="./pdfMessage.html">PDF - message</a>
+ </li>
+ <li>
+ <a
href="./pdfPage.html">PDF - page size and orientation</a>
+ </li>
+ <li>
+ <a
href="./pdfImage.html">PDF - image</a>
+ </li>
+ <li>
+ <a
href="./pdfOpen.html">PDF - open in new window</a>
+ </li>
+ <li>
+ <a
href="./customFile.html">Custom file (JSON)</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../flash/index.html">Flash data export</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../flash/simple.html">Flash export buttons</a>
+ </li>
+ <li>
+ <a
href="../flash/tsv.html">Tab separated values</a>
+ </li>
+ <li>
+ <a
href="../flash/filename.html">File name</a>
+ </li>
+ <li>
+ <a
href="../flash/copyi18n.html">Copy button internationalisation</a>
+ </li>
+ <li>
+ <a
href="../flash/pdfMessage.html">PDF message</a>
+ </li>
+ <li>
+ <a
href="../flash/pdfPage.html">Page size and orientation</a>
+ </li>
+ <li>
+ <a
href="../flash/hidden.html">Hidden initialisation</a>
+ </li>
+ <li>
+ <a
href="../flash/swfPath.html">SWF file location</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../column_visibility/index.html">Column visibility</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../column_visibility/simple.html">Basic column visibility</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/layout.html">Multi-column layout</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/text.html">Internationalisation</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/restore.html">Restore column visibility</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columns.html">Select columns</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columnsToggle.html">Visibility toggle buttons</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columnGroups.html">Column groups</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/stateSave.html">State saving</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../print/index.html">Print</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../print/simple.html">Print button</a>
+ </li>
+ <li>
+ <a
href="../print/message.html">Custom message</a>
+ </li>
+ <li>
+ <a
href="../print/columns.html">Export options - column selector</a>
+ </li>
+ <li>
+ <a
href="../print/select.html">Export options - row selector</a>
+ </li>
+ <li>
+ <a
href="../print/autoPrint.html">Disable auto print</a>
+ </li>
+ <li>
+ <a
href="../print/customisation.html">Customisation of the print view window</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../api/index.html">API</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../api/enable.html">Enable / disable</a>
+ </li>
+ <li>
+ <a
href="../api/text.html">Dynamic text</a>
+ </li>
+ <li>
+ <a
href="../api/addRemove.html">Adding and removing buttons dynamically</a>
+ </li>
+ <li>
+ <a
href="../api/group.html">Group selection</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../styling/index.html">Styling</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../styling/bootstrap.html">Bootstrap 3</a>
+ </li>
+ <li>
+ <a
href="../styling/bootstrap4.html">Bootstrap 4</a>
+ </li>
+ <li>
+ <a
href="../styling/foundation.html">Foundation styling</a>
+ </li>
+ <li>
+ <a
href="../styling/jqueryui.html">jQuery UI styling</a>
+ </li>
+ <li>
+ <a
href="../styling/semanticui.html">Semantic UI styling</a>
+ </li>
+ <li>
+ <a
href="../styling/icons.html">Icons</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net">DataTables documentation</a> for full
information about its API properties and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extensions">extensions</a> and <a href=
+
"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities
of DataTables.</p>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a>
© 2007-2016<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit">MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelCellShading.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelCellShading.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelCellShading.html
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,857 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico">
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+ <title>Buttons example - Excel - Cell background</title>
+ <link rel="stylesheet" type="text/css"
href="../../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../../css/buttons.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="//code.jquery.com/jquery-1.12.3.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../media/js/jquery.dataTables.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/dataTables.buttons.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/buttons.html5.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/syntax/shCore.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/demo.js">
+ </script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+
+$(document).ready(function() {
+ $('#example').DataTable({
+ dom: 'Bfrtip',
+ buttons: [{
+ extend: 'excelHtml5',
+ customize: function(xlsx) {
+ var sheet = xlsx.xl.worksheets['sheet1.xml'];
+
+ // Loop over the cells in column `F`
+ $('row c[r^="F"]', sheet).each( function () {
+ // Get the value and strip the non
numeric characters
+ if ( $('is t',
this).text().replace(/[^\d]/g, '') * 1 >= 500000 ) {
+ $(this).attr( 's', '20' );
+ }
+ });
+ }
+ }]
+ });
+});
+
+
+
+ </script>
+</head>
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>Buttons example <span>Excel - Cell
background</span></h1>
+ <div class="info">
+ <p>The Excel export button saves to an XLSX
file and the data can be customised before exporting the file using the
<code>customize</code> method of the <a href=
+
"//datatables.net/reference/button/excelHtml5"><code class="button"
title="Buttons button type">excelHtml5</code></a> button type.</p>
+ <p>This example demonstrates how the created
file can be customised by giving any cell in the <em>Salary</em> column that
has a value greater than $500,000 a blue
+ background.</p>
+ <p>The style added (index <code>20</code> in
this case) is defined by the default styles included by Buttons. The full list
of styles available and further
+ information about the <code>customize</code>
method are detailed in the <a
href="//datatables.net/reference/button/excelHtml5"><code class="button" title=
+ "Buttons button type">excelHtml5</code></a>
documentation.</p>
+ </div>
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
+ $('#example').DataTable({
+ dom: 'Bfrtip',
+ buttons: [{
+ extend: 'excelHtml5',
+ customize: function(xlsx) {
+ var sheet = xlsx.xl.worksheets['sheet1.xml'];
+
+ // Loop over the cells in column `F`
+ $('row c[r^="F"]', sheet).each(
function () {
+ // Get the value and strip the non
numeric characters
+ if ( $('is t',
this).text().replace(/[^\d]/g, '') * 1 >= 500000 ) {
+ $(this).attr( 's', '20' );
+ }
+ });
+ }
+ }]
+ });
+});</code>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
+ <ul>
+ <li>
+ <a
href="//code.jquery.com/jquery-1.12.3.min.js">//code.jquery.com/jquery-1.12.3.min.js</a>
+ </li>
+ <li>
+ <a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a>
+ </li>
+ <li>
+ <a
href="../../js/dataTables.buttons.js">../../js/dataTables.buttons.js</a>
+ </li>
+ <li>
+ <a
href="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js">//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js</a>
+ </li>
+ <li>
+ <a
href="../../js/buttons.html5.js">../../js/buttons.html5.js</a>
+ </li>
+ </ul>
+ </div>
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by DataTables:</p>
+ </div>
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library files (below), in
order to correctly display the table. The
+ additional CSS used is shown
below:</p><code class="multiline language-css"></code>
+ </div>
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the table:</p>
+ <ul>
+ <li>
+ <a
href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a>
+ </li>
+ <li>
+ <a
href="../../css/buttons.dataTables.css">../../css/buttons.dataTables.css</a>
+ </li>
+ </ul>
+ </div>
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data will update
automatically as any additional data is
+ loaded.</p>
+ </div>
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note that this is
just an example script using PHP. Server-side
+ processing scripts can be written in
any language, using <a href="//datatables.net/manual/server-side">the protocol
described in the DataTables
+ documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+ <div class="liner">
+ <h2>Other examples</h2>
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="../initialisation/index.html">Basic initialisation</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../initialisation/simple.html">Basic initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/export.html">File export</a>
+ </li>
+ <li>
+ <a
href="../initialisation/custom.html">Custom button</a>
+ </li>
+ <li>
+ <a
href="../initialisation/className.html">Class names</a>
+ </li>
+ <li>
+ <a
href="../initialisation/keys.html">Keyboard activation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections.html">Collections</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections-sub.html">Multi-level collections</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections-autoClose.html">Auto close collection</a>
+ </li>
+ <li>
+ <a
href="../initialisation/plugins.html">Plug-ins</a>
+ </li>
+ <li>
+ <a
href="../initialisation/new.html">`new` initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/multiple.html">Multiple button groups</a>
+ </li>
+ <li>
+ <a
href="../initialisation/pageLength.html">Page length</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a href="./index.html">HTML
5 data export</a></h3>
+ <ul class="toc active">
+ <li>
+ <a
href="./simple.html">HTML5 export buttons</a>
+ </li>
+ <li>
+ <a
href="./tsv.html">Tab separated values</a>
+ </li>
+ <li>
+ <a
href="./filename.html">File name</a>
+ </li>
+ <li>
+ <a
href="./copyi18n.html">Copy button internationalisation</a>
+ </li>
+ <li>
+ <a
href="./columns.html">Column selectors</a>
+ </li>
+ <li>
+ <a
href="./outputFormat-orthogonal.html">Format output data - orthogonal data</a>
+ </li>
+ <li>
+ <a
href="./outputFormat-function.html">Format output data - export options</a>
+ </li>
+ <li>
+ <a
href="./excelTextBold.html">Excel - Bold text</a>
+ </li>
+ <li class="active">
+ <a
href="./excelCellShading.html">Excel - Cell background</a>
+ </li>
+ <li>
+ <a
href="./excelBorder.html">Excel - Customise borders</a>
+ </li>
+ <li>
+ <a
href="./pdfMessage.html">PDF - message</a>
+ </li>
+ <li>
+ <a
href="./pdfPage.html">PDF - page size and orientation</a>
+ </li>
+ <li>
+ <a
href="./pdfImage.html">PDF - image</a>
+ </li>
+ <li>
+ <a
href="./pdfOpen.html">PDF - open in new window</a>
+ </li>
+ <li>
+ <a
href="./customFile.html">Custom file (JSON)</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../flash/index.html">Flash data export</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../flash/simple.html">Flash export buttons</a>
+ </li>
+ <li>
+ <a
href="../flash/tsv.html">Tab separated values</a>
+ </li>
+ <li>
+ <a
href="../flash/filename.html">File name</a>
+ </li>
+ <li>
+ <a
href="../flash/copyi18n.html">Copy button internationalisation</a>
+ </li>
+ <li>
+ <a
href="../flash/pdfMessage.html">PDF message</a>
+ </li>
+ <li>
+ <a
href="../flash/pdfPage.html">Page size and orientation</a>
+ </li>
+ <li>
+ <a
href="../flash/hidden.html">Hidden initialisation</a>
+ </li>
+ <li>
+ <a
href="../flash/swfPath.html">SWF file location</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../column_visibility/index.html">Column visibility</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../column_visibility/simple.html">Basic column visibility</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/layout.html">Multi-column layout</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/text.html">Internationalisation</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/restore.html">Restore column visibility</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columns.html">Select columns</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columnsToggle.html">Visibility toggle buttons</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/columnGroups.html">Column groups</a>
+ </li>
+ <li>
+ <a
href="../column_visibility/stateSave.html">State saving</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../print/index.html">Print</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../print/simple.html">Print button</a>
+ </li>
+ <li>
+ <a
href="../print/message.html">Custom message</a>
+ </li>
+ <li>
+ <a
href="../print/columns.html">Export options - column selector</a>
+ </li>
+ <li>
+ <a
href="../print/select.html">Export options - row selector</a>
+ </li>
+ <li>
+ <a
href="../print/autoPrint.html">Disable auto print</a>
+ </li>
+ <li>
+ <a
href="../print/customisation.html">Customisation of the print view window</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../api/index.html">API</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../api/enable.html">Enable / disable</a>
+ </li>
+ <li>
+ <a
href="../api/text.html">Dynamic text</a>
+ </li>
+ <li>
+ <a
href="../api/addRemove.html">Adding and removing buttons dynamically</a>
+ </li>
+ <li>
+ <a
href="../api/group.html">Group selection</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a
href="../styling/index.html">Styling</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../styling/bootstrap.html">Bootstrap 3</a>
+ </li>
+ <li>
+ <a
href="../styling/bootstrap4.html">Bootstrap 4</a>
+ </li>
+ <li>
+ <a
href="../styling/foundation.html">Foundation styling</a>
+ </li>
+ <li>
+ <a
href="../styling/jqueryui.html">jQuery UI styling</a>
+ </li>
+ <li>
+ <a
href="../styling/semanticui.html">Semantic UI styling</a>
+ </li>
+ <li>
+ <a
href="../styling/icons.html">Icons</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net">DataTables documentation</a> for full
information about its API properties and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extensions">extensions</a> and <a href=
+
"http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities
of DataTables.</p>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a>
© 2007-2016<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit">MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelTextBold.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelTextBold.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/Buttons/examples/html5/excelTextBold.html
2016-06-10 11:09:00 UTC (rev 15274)
@@ -0,0 +1,846 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico">
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+ <title>Buttons example - Excel - Bold text</title>
+ <link rel="stylesheet" type="text/css"
href="../../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../../css/buttons.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="//code.jquery.com/jquery-1.12.3.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../media/js/jquery.dataTables.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/dataTables.buttons.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../js/buttons.html5.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/syntax/shCore.js">
+ </script>
+ <script type="text/javascript" language="javascript"
src="../../../../examples/resources/demo.js">
+ </script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+
+$(document).ready( function() {
+ $('#example').DataTable( {
+ dom: 'Bfrtip',
+ buttons: [ {
+ extend: 'excelHtml5',
+ customize: function( xlsx ) {
+ var sheet = xlsx.xl.worksheets['sheet1.xml'];
+
+ $('row c[r^="C"]', sheet).attr( 's', '2' );
+ }
+ } ]
+ } );
+} );
+
+
+
+ </script>
+</head>
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>Buttons example <span>Excel - Bold text</span></h1>
+ <div class="info">
+ <p>The Excel export button saves to an XLSX
file and the data can be customised before exporting the file using the
<code>customize</code> method of the <a href=
+
"//datatables.net/reference/button/excelHtml5"><code class="button"
title="Buttons button type">excelHtml5</code></a> button type.</p>
+ <p>This example demonstrates how to manipulate
the generated file by making the text in the third column (<em>C</em>) bold
using the styling options that are built
+ into the created spreadsheet. jQuery is used to
select the required cells (XSLX files are just a collection of XML files after
all!) and then add a styling
+ attribute.</p>
+ <p>The style added (index <code>2</code> in
this case) is defined by the default styles included by Buttons. The full list
of styles available and further
+ information about the <code>customize</code>
method are detailed in the <a
href="//datatables.net/reference/button/excelHtml5"><code class="button" title=
+ "Buttons button type">excelHtml5</code></a>
documentation.</p>
+ </div>
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready( function() {
+ $('#example').DataTable( {
+ dom: 'Bfrtip',
+ buttons: [ {
+ extend: 'excelHtml5',
+ customize: function( xlsx ) {
+ var sheet = xlsx.xl.worksheets['sheet1.xml'];
+
+ $('row c[r^="C"]', sheet).attr( 's',
'2' );
+ }
+ } ]
+ } );
+} );</code>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
+ <ul>
+ <li>
+ <a
href="//code.jquery.com/jquery-1.12.3.min.js">//code.jquery.com/jquery-1.12.3.min.js</a>
+ </li>
+ <li>
+ <a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a>
+ </li>
+ <li>
+ <a
href="../../js/dataTables.buttons.js">../../js/dataTables.buttons.js</a>
+ </li>
+ <li>
+ <a
href="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js">//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js</a>
+ </li>
+ <li>
+ <a
href="../../js/buttons.html5.js">../../js/buttons.html5.js</a>
+ </li>
+ </ul>
+ </div>
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by DataTables:</p>
+ </div>
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library files (below), in
order to correctly display the table. The
+ additional CSS used is shown
below:</p><code class="multiline language-css"></code>
+ </div>
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the table:</p>
+ <ul>
+ <li>
+ <a
href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a>
+ </li>
+ <li>
+ <a
href="../../css/buttons.dataTables.css">../../css/buttons.dataTables.css</a>
+ </li>
+ </ul>
+ </div>
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data will update
automatically as any additional data is
+ loaded.</p>
+ </div>
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note that this is
just an example script using PHP. Server-side
+ processing scripts can be written in
any language, using <a href="//datatables.net/manual/server-side">the protocol
described in the DataTables
+ documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+ <div class="liner">
+ <h2>Other examples</h2>
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="../initialisation/index.html">Basic initialisation</a></h3>
+ <ul class="toc">
+ <li>
+ <a
href="../initialisation/simple.html">Basic initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/export.html">File export</a>
+ </li>
+ <li>
+ <a
href="../initialisation/custom.html">Custom button</a>
+ </li>
+ <li>
+ <a
href="../initialisation/className.html">Class names</a>
+ </li>
+ <li>
+ <a
href="../initialisation/keys.html">Keyboard activation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections.html">Collections</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections-sub.html">Multi-level collections</a>
+ </li>
+ <li>
+ <a
href="../initialisation/collections-autoClose.html">Auto close collection</a>
+ </li>
+ <li>
+ <a
href="../initialisation/plugins.html">Plug-ins</a>
+ </li>
+ <li>
+ <a
href="../initialisation/new.html">`new` initialisation</a>
+ </li>
+ <li>
+ <a
href="../initialisation/multiple.html">Multiple button groups</a>
+ </li>
+ <li>
+ <a
href="../initialisation/pageLength.html">Page length</a>
+ </li>
+ </ul>
+ </div>
+ <div class="toc-group">
+ <h3><a href="./index.html">HTML
5 data export</a></h3>
+ <ul class="toc active">
+ <li>
+ <a
href="./simple.html">HTML5 export buttons</a>
+ </li>
+ <li>
+ <a
href="./tsv.html">Tab separated values</a>
+ </li>
+ <li>
+ <a
href="./filename.html">File name</a>
+ </li>
+ <li>
+ <a
href="./copyi18n.html">Copy button internationalisation</a>
+ </li>
+ <li>
+ <a
href="./columns.html">Column selectors</a>
+ </li>
+ <li>
+ <a
href="./outputFormat-orthogonal.html">Format output data - orthogonal data</a>
+ </li>
+ <li>
+ <a
href="./outputFormat-function.html">Format output data - export options</a>
+ </li>
+ <li class="active">
+ <a
href="./excelTextBold.html">Excel - Bold text</a>
+ </li>
+ <li>
+ <a
href="./excelCellShading.html">Excel - Cell background</a>
+ </li>
+ <li>
@@ Diff output truncated at 153600 characters. @@
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- [Fmsystem-commits] [15274] update DataTables from upstream,
sigurdne <=