fmsystem-commits
[Top][All Lists]
Advanced

[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*=&quot;10&quot;]', 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^=&quot;F&quot;]', sheet).each( 
function () {
+                                       // Get the value and strip the non 
numeric characters
+                                       if ( $('is t', 
this).text().replace(/[^\d]/g, '') * 1 &gt;= 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^=&quot;C&quot;]', 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. @@



reply via email to

[Prev in Thread] Current Thread [Next in Thread]