[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Fmsystem-commits] [12831] update jquery Datatables from upstream
|
From: |
Sigurd Nes |
|
Subject: |
[Fmsystem-commits] [12831] update jquery Datatables from upstream |
|
Date: |
Sat, 07 Mar 2015 12:21:10 +0000 |
Revision: 12831
http://svn.sv.gnu.org/viewvc/?view=rev&root=fmsystem&revision=12831
Author: sigurdne
Date: 2015-03-07 12:21:09 +0000 (Sat, 07 Mar 2015)
Log Message:
-----------
update jquery Datatables from upstream
Modified Paths:
--------------
branches/dev-syncromind/phpgwapi/js/DataTables/bower.json
branches/dev-syncromind/phpgwapi/js/DataTables/composer.json
branches/dev-syncromind/phpgwapi/js/DataTables/dataTables.jquery.json
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/bootstrap.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/col_filter.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/colvis.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/css_size.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index_column.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/left_right_columns.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/right_column.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/rowspan.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/server-side-processing.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/simple.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fixed.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fluid.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/two_columns.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.min.js
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.css
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.scss
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/column-control.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/custom-renderer.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/disable-child-rows.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/index.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/right-column.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/whole-row-control.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/auto.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/classes.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/index.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/init-classes.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/index.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/ajax.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/className.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/default.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/index.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/new.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/option.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/bootstrap.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/foundation.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/index.html
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/js/dataTables.responsive.js
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/js/dataTables.responsive.min.js
branches/dev-syncromind/phpgwapi/js/DataTables/media/css/jquery.dataTables_themeroller.css
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/back_disabled.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/back_enabled.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/back_enabled_hover.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/forward_disabled.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/forward_enabled.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/forward_enabled_hover.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/sort_asc.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/sort_asc_disabled.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/sort_both.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/sort_desc.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/images/sort_desc_disabled.png
branches/dev-syncromind/phpgwapi/js/DataTables/media/js/jquery.dataTables.js
branches/dev-syncromind/phpgwapi/js/DataTables/media/js/jquery.dataTables.min.js
branches/dev-syncromind/phpgwapi/js/DataTables/package.json
Added Paths:
-----------
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/fixedHeader.html
Modified: branches/dev-syncromind/phpgwapi/js/DataTables/bower.json
===================================================================
--- branches/dev-syncromind/phpgwapi/js/DataTables/bower.json 2015-03-06
23:50:20 UTC (rev 12830)
+++ branches/dev-syncromind/phpgwapi/js/DataTables/bower.json 2015-03-07
12:21:09 UTC (rev 12831)
@@ -1,9 +1,10 @@
{
"name": "datatables",
- "version": "1.10.4",
+ "version": "1.10.5",
"main": [
"media/js/jquery.dataTables.js",
- "media/css/jquery.dataTables.css"
+ "media/css/jquery.dataTables.css",
+ "media/images/*.png"
],
"dependencies": {
"jquery": ">=1.7.0"
Modified: branches/dev-syncromind/phpgwapi/js/DataTables/composer.json
===================================================================
--- branches/dev-syncromind/phpgwapi/js/DataTables/composer.json
2015-03-06 23:50:20 UTC (rev 12830)
+++ branches/dev-syncromind/phpgwapi/js/DataTables/composer.json
2015-03-07 12:21:09 UTC (rev 12831)
@@ -1,6 +1,6 @@
{
"name": "datatables/datatables",
- "version": "1.10.4",
+ "version": "1.10.5",
"description": "DataTables is a plug-in for the jQuery Javascript
library. It is a highly flexible tool, based upon the foundations of
progressive enhancement, which will add advanced interaction controls to any
HTML table.",
"homepage": "http://www.datatables.net/";,
"author": "SpryMedia",
Modified: branches/dev-syncromind/phpgwapi/js/DataTables/dataTables.jquery.json
===================================================================
--- branches/dev-syncromind/phpgwapi/js/DataTables/dataTables.jquery.json
2015-03-06 23:50:20 UTC (rev 12830)
+++ branches/dev-syncromind/phpgwapi/js/DataTables/dataTables.jquery.json
2015-03-07 12:21:09 UTC (rev 12831)
@@ -1,6 +1,6 @@
{
"name": "DataTables",
- "version": "1.10.4",
+ "version": "1.10.5",
"description": "DataTables enhances HTML tables with the ability to
sort, filter and page the data in the table very easily. It provides a
comprehensive API and set of configuration options, allowing you to consume
data from virtually any data source.",
"homepage": "http://datatables.net/";,
"docs": "http://datatables.net/";,
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/bootstrap.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/bootstrap.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/bootstrap.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -6,7 +6,7 @@
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
<title>FixedColumns example - Bootstrap</title>
- <link rel="stylesheet" type="text/css"
href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
+ <link rel="stylesheet" type="text/css"
href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
href="../../Plugins/integration/bootstrap/3/dataTables.bootstrap.css">
<link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
<link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
@@ -25,8 +25,7 @@
<script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
<script type="text/javascript" language="javascript"
src="../../../media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript"
src="../js/dataTables.fixedColumns.js"></script>
- <script type="text/javascript" language="javascript" src=
-
"../../Plugins/integration/bootstrap/3/dataTables.bootstrap.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../Plugins/integration/bootstrap/3/dataTables.bootstrap.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">
@@ -52,18 +51,14 @@
<h1>FixedColumns example <span>Bootstrap</span></h1>
<div class="info">
- <p>When displaying a table which scrolls along
the x-axis, it can sometimes be useful to the end user
- for the left most column to be fixed in place,
if it shows grouping, index or similar information. This
- is basically the same idea as 'freeze columns'
in Excel. This can be achieved with the FixedColumns
- plug-in for DataTables, as shown below.</p>
+ <p>When displaying a table which scrolls along
the x-axis, it can sometimes be useful to the end user for the left most column
to be fixed in place, if it shows
+ grouping, index or similar information. This is
basically the same idea as 'freeze columns' in Excel. This can be achieved with
the FixedColumns plug-in for
+ DataTables, as shown below.</p>
- <p>Note that FixedColumns is suitable only for
use with the scrolling features in <a href=
- "http://datatables.net";>DataTables</a>. If you
want to achieve a similar effect without scrolling
- enabled, please checkout <a
href="http://datatables.net/plug-ins";>FixedHeader</a>, also for
- DataTables.</p>
+ <p>Note that FixedColumns is suitable only for
use with the scrolling features in <a
href="http://datatables.net";>DataTables</a>. If you want to achieve a similar
+ effect without scrolling enabled, please
checkout <a href="http://datatables.net/plug-ins";>FixedHeader</a>, also for
DataTables.</p>
- <p>FixedColumns is initialised using the
constructor <code>new $.fn.dataTable.FixedColumns();</code> -
- shown below.</p>
+ <p>FixedColumns is initialised using the
constructor <code>new $.fn.dataTable.FixedColumns();</code> - shown below.</p>
</div>
<table id="example" class="table table-striped
table-bordered" cellspacing="0" width="100%">
@@ -722,8 +717,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -733,29 +727,24 @@
new $.fn.dataTable.FixedColumns( table );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.js</a></li>
- <li><a href=
-
"../../Plugins/integration/bootstrap/3/dataTables.bootstrap.js">../../Plugins/integration/bootstrap/3/dataTables.bootstrap.js</a></li>
+ <li><a
href="../../Plugins/integration/bootstrap/3/dataTables.bootstrap.js">../../Plugins/integration/bootstrap/3/dataTables.bootstrap.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>
+ <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 brush: js;">body { font-size: 140%; }
+ <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">body { font-size: 140%; }
/* Ensure that the demo table scrolls */
th, td { white-space: nowrap; }
@@ -765,27 +754,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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=
-
"//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css</a></li>
- <li><a href=
-
"../../Plugins/integration/bootstrap/3/dataTables.bootstrap.css">../../Plugins/integration/bootstrap/3/dataTables.bootstrap.css</a></li>
+ <li><a
href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css</a></li>
+ <li><a
href="../../Plugins/integration/bootstrap/3/dataTables.bootstrap.css">../../Plugins/integration/bootstrap/3/dataTables.bootstrap.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>
+ <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>
+ <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>
@@ -820,14 +805,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/col_filter.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/col_filter.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/col_filter.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -66,10 +66,8 @@
<h1>FixedColumns example <span>Individual column
filtering</span></h1>
<div class="info">
- <p>This example shows FixedColumns being
configured with individual column filtering abilities. Note
- that the event handler for the filtering is
applied to the <code class="tag" title=
- "HTML tag">input</code> elements before
FixedColumns is initialised, so when FixedColumns clones nodes
- it also copies the event.</p>
+ <p>This example shows FixedColumns being
configured with individual column filtering abilities. Note that the event
handler for the filtering is applied to the
+ <code class="tag" title="HTML tag">input</code>
elements before FixedColumns is initialised, so when FixedColumns clones nodes
it also copies the event.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -742,8 +740,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#example tfoot th').each( function () {
var title = $('#example thead th').eq( $(this).index() ).text();
@@ -771,27 +768,23 @@
new $.fn.dataTable.FixedColumns( table );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
@@ -799,26 +792,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -853,14 +843,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/colvis.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/colvis.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/colvis.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -58,18 +58,14 @@
<h1>FixedColumns example <span>ColVis
integration</span></h1>
<div class="info">
- <p>FixedColumns operates with DataTables'
built-in column visibility options (<a href=
-
"//datatables.net/reference/option/columns.visible"><code class="option" title=
- "DataTables initialisation
option">columns.visible<span>DT</span></code></a> and <a href=
-
"//datatables.net/reference/api/column().visible()"><code class="api" title=
- "DataTables API
method">column().visible()<span>DT</span></code></a>), which columns that are
hidden
- not being shown in the fixed columns. This
integration also means that FixedColumns works well with
- <a
href="http://datatables.net/extensions/colvis";>ColVis</a>, with columns that
are dynamically shown
- and hidden updated immediately in the fixed
columns.</p>
+ <p>FixedColumns operates with DataTables'
built-in column visibility options (<a
href="//datatables.net/reference/option/columns.visible"><code class="option"
+ title="DataTables initialisation
option">columns.visible<span>DT</span></code></a> and <a
href="//datatables.net/reference/api/column().visible()"><code class=
+ "api" title="DataTables API
method">column().visible()<span>DT</span></code></a>), which columns that are
hidden not being shown in the fixed columns. This
+ integration also means that FixedColumns works
well with <a href="http://datatables.net/extensions/colvis";>ColVis</a>, with
columns that are dynamically shown and
+ hidden updated immediately in the fixed
columns.</p>
- <p>The example below shows ColVis and
FixedColumns working together. Two columns have been fixed on the
- left hand side of the table to show
FixedColumns ability to work effortlessly with column
- visibility.</p>
+ <p>The example below shows ColVis and
FixedColumns working together. Two columns have been fixed on the left hand
side of the table to show FixedColumns ability to
+ work effortlessly with column visibility.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -728,8 +724,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
dom: "Cfrtip",
scrollY: "300px",
@@ -743,29 +738,24 @@
} );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
- <li><a href=
-
"../../ColVis/js/dataTables.colVis.js">../../ColVis/js/dataTables.colVis.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../ColVis/js/dataTables.colVis.js">../../ColVis/js/dataTables.colVis.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
@@ -777,28 +767,24 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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=
-
"../../ColVis/css/dataTables.colVis.css">../../ColVis/css/dataTables.colVis.css</a></li>
+ <li><a
href="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
+ <li><a
href="../../ColVis/css/dataTables.colVis.css">../../ColVis/css/dataTables.colVis.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -833,14 +819,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/css_size.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/css_size.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/css_size.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -53,24 +53,19 @@
<h1>FixedColumns example <span>CSS row
sizing</span></h1>
<div class="info">
- <p>Because of the method FixedColumns uses to
display the fixed columns, an important consideration is
- the alignment of the rows due to different
heights in the individual rows of the table. There are two
- different algorithms in FixedColumns which can
be used, or you can switch off automatic row sizing all
- together. This is controlled through the
<code>heightMatch</code> parameter. If can take the following
- values:</p>
+ <p>Because of the method FixedColumns uses to
display the fixed columns, an important consideration is the alignment of the
rows due to different heights in the
+ individual rows of the table. There are two
different algorithms in FixedColumns which can be used, or you can switch off
automatic row sizing all together. This
+ is controlled through the
<code>heightMatch</code> parameter. If can take the following values:</p>
<ul class="markdown">
- <li><code class="string"
title="String">none</code> - no automatic row height matching is
- performed. CSS can be used in this case
and is useful when speed is of primary importance.</li>
- <li><code class="string"
title="String">semiauto</code> (default) - the height calculation will be
- performed once, and the result cached
to be used again (<code>fnRecalculateHeight</code> can be
- used to force recalculation)</li>
- <li><code class="string"
title="String">auto</code> - height matching is performed on every draw
- (slowest but must accurate)</li>
+ <li><code class="string"
title="String">none</code> - no automatic row height matching is performed. CSS
can be used in this case and is useful when speed is
+ of primary importance.</li>
+ <li><code class="string"
title="String">semiauto</code> (default) - the height calculation will be
performed once, and the result cached to be used again
+ (<code>fnRecalculateHeight</code> can
be used to force recalculation)</li>
+ <li><code class="string"
title="String">auto</code> - height matching is performed on every draw
(slowest but must accurate)</li>
</ul>
- <p>This example shows row height matching
switched off but there is a CSS statement of <code>tr {
- height: 50px }</code> to force all rows to the
same height.</p>
+ <p>This example shows row height matching
switched off but there is a CSS statement of <code>tr { height: 50px }</code>
to force all rows to the same height.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -729,8 +724,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -743,27 +737,23 @@
} );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
@@ -773,26 +763,23 @@
tr { height: 50px; }</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -827,14 +814,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -19,12 +19,10 @@
<h1>FixedColumns example <span>FixedColumns
examples</span></h1>
<div class="info">
- <p>When making use of DataTables' x-axis
scrolling feature (<a href=
-
"//datatables.net/reference/option/scrollX"><code class="option" title=
- "DataTables initialisation
option">scrollX<span>DT</span></code></a>), you may wish to fix the left or
- right most columns in place. This extension for
DataTables provides exactly this option (for
- non-scrolling tables, please use the <a
href="//datatables.net/extensions/fixedheader">FixedHeader
- extension</a>, which can fix headers, footers
and columns). Key features include:</p>
+ <p>When making use of DataTables' x-axis
scrolling feature (<a href="//datatables.net/reference/option/scrollX"><code
class="option" title=
+ "DataTables initialisation
option">scrollX<span>DT</span></code></a>), you may wish to fix the left or
right most columns in place. This extension for DataTables
+ provides exactly this option (for non-scrolling
tables, please use the <a
href="//datatables.net/extensions/fixedheader">FixedHeader extension</a>, which
can fix
+ headers, footers and columns). Key features
include:</p>
<ul class="markdown">
<li>Freezes the left most column to the
side of the table</li>
@@ -62,14 +60,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index_column.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index_column.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index_column.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -81,10 +81,9 @@
<h1>FixedColumns example <span>Index column</span></h1>
<div class="info">
- <p>A typical interaction to want to perform
with a fixed column, is an index column. A method for how
- this can be achieved with FixedColumns is shown
in this example, building on the <a href=
-
"http://datatables.net/examples/api/counter_column";>index column</a> example
for DataTables. Also shown
- in this example is how the fixed column can be
styled with CSS to show it more prominently.</p>
+ <p>A typical interaction to want to perform
with a fixed column, is an index column. A method for how this can be achieved
with FixedColumns is shown in this
+ example, building on the <a
href="http://datatables.net/examples/api/counter_column";>index column</a>
example for DataTables. Also shown in this example is how the
+ fixed column can be styled with CSS to show it
more prominently.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -801,8 +800,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -825,27 +823,23 @@
new $.fn.dataTable.FixedColumns( table );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
@@ -873,26 +867,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -927,14 +918,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/left_right_columns.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/left_right_columns.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/left_right_columns.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -52,9 +52,8 @@
<h1>FixedColumns example <span>Left and right fixed
columns</span></h1>
<div class="info">
- <p>FixedColumns allows columns to be fixed from
both the left and right hand sides of the table. Fixing
- right hand-side columns is done by using the
<code>rightColumns</code> initialisation parameter, which
- works just the same as <code>leftColumns</code>
does for the left side of the table. This example shows
+ <p>FixedColumns allows columns to be fixed from
both the left and right hand sides of the table. Fixing right hand-side columns
is done by using the
+ <code>rightColumns</code> initialisation
parameter, which works just the same as <code>leftColumns</code> does for the
left side of the table. This example shows
both the left and right columns being fixed in
place.</p>
</div>
@@ -714,8 +713,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -729,27 +727,23 @@
} );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
@@ -757,26 +751,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -793,8 +784,7 @@
<div class="toc-group">
<h3><a
href="./index.html">Examples</a></h3>
<ul class="toc active">
- <li class="active"><a
href="./left_right_columns.html">Left and right fixed
- columns</a></li>
+ <li class="active"><a
href="./left_right_columns.html">Left and right fixed columns</a></li>
<li><a
href="./simple.html">Basic initialisation</a></li>
<li><a
href="./two_columns.html">Multiple fixed columns</a></li>
<li><a
href="./right_column.html">Right column only</a></li>
@@ -812,14 +802,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/right_column.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/right_column.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/right_column.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -52,11 +52,9 @@
<h1>FixedColumns example <span>Right column
only</span></h1>
<div class="info">
- <p>FixedColumns has the ability to freeze
columns on both the left and right hand sides of the table.
- By default it will fix the first column on the
left, but using the initialisation parameters
- <code>leftColumns</code> and
<code>rightColumns</code> you can alter this to fix the columns on the
- right as well. This example shows a single
column fixed in place, in this case the right most
- column.</p>
+ <p>FixedColumns has the ability to freeze
columns on both the left and right hand sides of the table. By default it will
fix the first column on the left, but
+ using the initialisation parameters
<code>leftColumns</code> and <code>rightColumns</code> you can alter this to
fix the columns on the right as well. This example
+ shows a single column fixed in place, in this
case the right most column.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -715,8 +713,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -730,27 +727,23 @@
} );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
@@ -758,26 +751,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -812,14 +802,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/rowspan.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/rowspan.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/rowspan.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -52,11 +52,9 @@
<h1>FixedColumns example <span>Complex
headers</span></h1>
<div class="info">
- <p>If you are using multiple rows in the table
header, it can be useful to have a rowspanning cell on
- the column(s) you have fixed in place - equally
at other times it can be useful to not and make use of
- the two or more cells per column. FixedColumns
builds on the complex header support in DataTables to
- make this trivial to use in FixedColumns. Just
initialise your FixedColumns instance as you normally
- would!</p>
+ <p>If you are using multiple rows in the table
header, it can be useful to have a rowspanning cell on the column(s) you have
fixed in place - equally at other
+ times it can be useful to not and make use of
the two or more cells per column. FixedColumns builds on the complex header
support in DataTables to make this
+ trivial to use in FixedColumns. Just initialise
your FixedColumns instance as you normally would!</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -556,8 +554,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -567,27 +564,23 @@
new $.fn.dataTable.FixedColumns( table );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td {
white-space: nowrap;
padding-left: 40px !important;
@@ -599,26 +592,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -653,14 +643,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/server-side-processing.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/server-side-processing.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/server-side-processing.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -56,12 +56,11 @@
<h1>FixedColumns example <span>Server-side
processing</span></h1>
<div class="info">
- <p>This example shows how FixedColumns can be
used with server-side processing in DataTables to cope
- with very large tables. No special
considerations are required, just initialise FixedColumns as you
- normally would!</p>
+ <p>This example shows how FixedColumns can be
used with server-side processing in DataTables to cope with very large tables.
No special considerations are
+ required, just initialise FixedColumns as you
normally would!</p>
- <p>Note that the table width is constrained in
this example to allow scrolling to occur as the
- server-side processing data set has a limited
number of columns in this demo!</p>
+ <p>Note that the table width is constrained in
this example to allow scrolling to occur as the server-side processing data set
has a limited number of columns in
+ this demo!</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -98,8 +97,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -110,27 +108,23 @@
new $.fn.dataTable.FixedColumns( table );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 600px;
@@ -145,26 +139,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -199,14 +190,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/simple.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/simple.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/simple.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -48,18 +48,14 @@
<h1>FixedColumns example <span>Basic
initialisation</span></h1>
<div class="info">
- <p>When displaying a table which scrolls along
the x-axis, it can sometimes be useful to the end user
- for the left most column to be fixed in place,
if it shows grouping, index or similar information. This
- is basically the same idea as 'freeze columns'
in Excel. This can be achieved with the FixedColumns
- plug-in for DataTables, as shown below.</p>
+ <p>When displaying a table which scrolls along
the x-axis, it can sometimes be useful to the end user for the left most column
to be fixed in place, if it shows
+ grouping, index or similar information. This is
basically the same idea as 'freeze columns' in Excel. This can be achieved with
the FixedColumns plug-in for
+ DataTables, as shown below.</p>
- <p>Note that FixedColumns is suitable only for
use with the scrolling features in <a href=
- "http://datatables.net";>DataTables</a>. If you
want to achieve a similar effect without scrolling
- enabled, please checkout <a
href="http://datatables.net/plug-ins";>FixedHeader</a>, also for
- DataTables.</p>
+ <p>Note that FixedColumns is suitable only for
use with the scrolling features in <a
href="http://datatables.net";>DataTables</a>. If you want to achieve a similar
+ effect without scrolling enabled, please
checkout <a href="http://datatables.net/plug-ins";>FixedHeader</a>, also for
DataTables.</p>
- <p>FixedColumns is initialised using the
constructor <code>new $.fn.dataTable.FixedColumns();</code> -
- shown below.</p>
+ <p>FixedColumns is initialised using the
constructor <code>new $.fn.dataTable.FixedColumns();</code> - shown below.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -718,8 +714,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -729,27 +724,23 @@
new $.fn.dataTable.FixedColumns( table );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
@@ -757,26 +748,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -811,14 +799,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fixed.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fixed.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fixed.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -54,15 +54,13 @@
<h1>FixedColumns example <span>Assigned column
width</span></h1>
<div class="info">
- <p>The columns that are fixed in place by
FixedColumns take their width from the parent DataTable. As
- such, the width of the column can be controlled
using the <a href=
-
"//datatables.net/reference/option/columns.width"><code class="option" title=
- "DataTables initialisation
option">columns.width<span>DT</span></code></a> option.</p>
+ <p>The columns that are fixed in place by
FixedColumns take their width from the parent DataTable. As such, the width of
the column can be controlled using the
+ <a
href="//datatables.net/reference/option/columns.width"><code class="option"
title="DataTables initialisation option">columns.width<span>DT</span></code></a>
+ option.</p>
- <p>This example shows the first column being
set to <code>width: 200px</code> (note that this is not
- pixel perfect in a table, the browser will make
some adjustments!), a width that is reflected in the
- fixed column. Resize the browser window
horizontally and you will be able to see that the fixed column
- retains its width while the scrolling viewport
and the table resize.</p>
+ <p>This example shows the first column being
set to <code>width: 200px</code> (note that this is not pixel perfect in a
table, the browser will make some
+ adjustments!), a width that is reflected in the
fixed column. Resize the browser window horizontally and you will be able to
see that the fixed column retains its
+ width while the scrolling viewport and the
table resize.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -721,8 +719,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').removeAttr('width').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -735,27 +732,23 @@
new $.fn.dataTable.FixedColumns( table );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
margin: 0 auto;
@@ -766,26 +759,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -820,14 +810,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fluid.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fluid.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fluid.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -54,16 +54,13 @@
<h1>FixedColumns example <span>Fluid column
width</span></h1>
<div class="info">
- <p>The columns that are fixed in place by
FixedColumns take their width from the parent DataTable. As
- such, the width of the column can be controlled
using the <a href=
-
"//datatables.net/reference/option/columns.width"><code class="option" title=
- "DataTables initialisation
option">columns.width<span>DT</span></code></a> option.</p>
+ <p>The columns that are fixed in place by
FixedColumns take their width from the parent DataTable. As such, the width of
the column can be controlled using the
+ <a
href="//datatables.net/reference/option/columns.width"><code class="option"
title="DataTables initialisation option">columns.width<span>DT</span></code></a>
+ option.</p>
- <p>This example shows the first column being
set to <code>width: 20%</code> (note that this is not
- pixel perfect in a table, the browser will make
some adjustments!), a width that is reflected in the
- fixed column. Resize the browser window
horizontally and you will be able to see that the fixed column
- retains its proportional width (again with a
small margin dictated by the browser) in the resizing
- table.</p>
+ <p>This example shows the first column being
set to <code>width: 20%</code> (note that this is not pixel perfect in a table,
the browser will make some
+ adjustments!), a width that is reflected in the
fixed column. Resize the browser window horizontally and you will be able to
see that the fixed column retains its
+ proportional width (again with a small margin
dictated by the browser) in the resizing table.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -722,8 +719,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -736,27 +732,23 @@
new $.fn.dataTable.FixedColumns( table );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
margin: 0 auto;
@@ -767,26 +759,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -821,14 +810,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/two_columns.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/two_columns.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/examples/two_columns.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -50,8 +50,7 @@
<h1>FixedColumns example <span>Multiple fixed
columns</span></h1>
<div class="info">
- <p>FixedColumns allows more than one column to
be frozen into place using the <code>leftColumns</code>
- parameter. The example below shows two columns
fixed.</p>
+ <p>FixedColumns allows more than one column to
be frozen into place using the <code>leftColumns</code> parameter. The example
below shows two columns fixed.</p>
</div>
<table id="example" class="stripe row-border
order-column" cellspacing="0" width="100%">
@@ -710,8 +709,7 @@
<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
brush: js;">$(document).ready(function() {
+ <p>The Javascript shown below is used
to initialise the table shown in this example:</p><code class="multiline
language-js">$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
@@ -723,27 +721,23 @@
} );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../js/dataTables.fixedColumns.js">../js/dataTables.fixedColumns.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>
+ <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 brush: js;">/* Ensure that the demo table scrolls */
+ <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">/* Ensure that the demo table
scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
width: 800px;
@@ -751,26 +745,23 @@
}</code>
</div>
- <p>The following CSS library files are
loaded for use in this example to provide the styling of the
- table:</p>
+ <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="../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../css/dataTables.fixedColumns.css">../css/dataTables.fixedColumns.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>
+ <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>
+ <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>
@@ -805,14 +796,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js
2015-03-07 12:21:09 UTC (rev 12831)
@@ -1,11 +1,11 @@
-/*! FixedColumns 3.0.2
+/*! FixedColumns 3.0.3
* ©2010-2014 SpryMedia Ltd - datatables.net/license
*/
/**
* @summary FixedColumns
* @description Freeze columns in place on a scrolling DataTable
- * @version 3.0.2
+ * @version 3.0.3
* @file dataTables.fixedColumns.js
* @author SpryMedia Ltd (www.sprymedia.co.uk)
* @contact www.sprymedia.co.uk/contact
@@ -62,7 +62,7 @@
var that = this;
/* Sanity check - you just know it will happen */
- if ( ! this instanceof FixedColumns )
+ if ( ! ( this instanceof FixedColumns ) )
{
alert( "FixedColumns warning: FixedColumns must be initialised
with the 'new' keyword." );
return;
@@ -75,8 +75,10 @@
// Use the DataTables Hungarian notation mapping method, if it exists to
// provide forwards compatibility for camel case variables
- if ( $.fn.dataTable.camelToHungarian ) {
- $.fn.dataTable.camelToHungarian( FixedColumns.defaults, init );
+ var camelToHungarian = $.fn.dataTable.camelToHungarian;
+ if ( camelToHungarian ) {
+ camelToHungarian( FixedColumns.defaults, FixedColumns.defaults,
true );
+ camelToHungarian( FixedColumns.defaults, init );
}
// v1.10 allows the settings object to be got form a number of sources
@@ -746,6 +748,18 @@
iLeftWidth = this.s.iLeftWidth,
iRightWidth = this.s.iRightWidth,
iRight;
+ var scrollbarAdjust = function ( node, width ) {
+ if ( ! oOverflow.bar ) {
+ // If there is no scrollbar (Macs) we need to
hide the auto scrollbar
+ node.style.width = (width+20)+"px";
+ node.style.paddingRight = "20px";
+ node.style.boxSizing = "border-box";
+ }
+ else {
+ // Otherwise just overflow by the scrollbar
+ node.style.width = (width+oOverflow.bar)+"px";
+ }
+ };
// When x scrolling - don't paint the fixed columns over the x
scrollbar
if ( oOverflow.x )
@@ -764,7 +778,7 @@
oGrid.left.foot.style.top = (oOverflow.x ?
oOverflow.bar : 0)+"px"; // shift footer for scrollbar
}
- oGrid.left.liner.style.width =
(iLeftWidth+oOverflow.bar)+"px";
+ scrollbarAdjust( oGrid.left.liner, iLeftWidth );
oGrid.left.liner.style.height = iBodyHeight+"px";
}
@@ -784,7 +798,7 @@
oGrid.right.foot.style.top = (oOverflow.x ?
oOverflow.bar : 0)+"px";
}
- oGrid.right.liner.style.width =
(iRightWidth+oOverflow.bar)+"px";
+ scrollbarAdjust( oGrid.right.liner, iRightWidth );
oGrid.right.liner.style.height = iBodyHeight+"px";
oGrid.right.headBlock.style.display = oOverflow.y ?
'block' : 'none';
@@ -1089,9 +1103,10 @@
n.removeAttribute('id');
var i = that.s.dt.oFeatures.bServerSide===false
?
that.s.dt.aiDisplay[
that.s.dt._iDisplayStart+z ] : z;
+ var aTds = $(this).children('td, th');
+
for ( iIndex=0 ; iIndex<aiColumns.length ;
iIndex++ )
{
- var aTds = that.s.dt.aoData[i].anCells
|| that.s.dt.oApi._fnGetTdNodes( that.s.dt, i );
iColumn = aiColumns[iIndex];
if ( aTds.length > 0 )
@@ -1352,7 +1367,7 @@
* @default See code
* @static
*/
-FixedColumns.version = "3.0.2";
+FixedColumns.version = "3.0.3";
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.min.js
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.min.js
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.min.js
2015-03-07 12:21:09 UTC (rev 12831)
@@ -1,30 +1,30 @@
/*!
- FixedColumns 3.0.2
+ FixedColumns 3.0.3
©2010-2014 SpryMedia Ltd - datatables.net/license
*/
-(function(q,r){var o=function(d){var k=function(a,b){var c=this;if(!this
instanceof k)alert("FixedColumns warning: FixedColumns must be initialised with
the 'new' keyword.");else{"undefined"==typeof
b&&(b={});d.fn.dataTable.camelToHungarian&&d.fn.dataTable.camelToHungarian(k.defaults,b);var
g=d.fn.dataTable.Api?(new
d.fn.dataTable.Api(a)).settings()[0]:a.fnSettings();this.s={dt:g,iTableColumns:g.aoColumns.length,aiOuterWidths:[],aiInnerWidths:[]};this.dom={scroller:null,header:null,body:null,footer:null,
-grid:{wrapper:null,dt:null,left:{wrapper:null,head:null,body:null,foot:null},right:{wrapper:null,head:null,body:null,foot:null}},clone:{left:{header:null,body:null,footer:null},right:{header:null,body:null,footer:null}}};g._oFixedColumns=this;g._bInitComplete?this._fnConstruct(b):g.oApi._fnCallbackReg(g,"aoInitComplete",function(){c._fnConstruct(b)},"FixedColumns")}};k.prototype={fnUpdate:function(){this._fnDraw(!0)},fnRedrawLayout:function(){this._fnColCalc();this._fnGridLayout();this.fnUpdate()},
-fnRecalculateHeight:function(a){delete
a._DTTC_iHeight;a.style.height="auto"},fnSetRowHeight:function(a,b){a.style.height=b+"px"},fnGetPosition:function(a){var
b=this.s.dt.oInstance;if(d(a).parents(".DTFC_Cloned").length){if("tr"===a.nodeName.toLowerCase())return
a=d(a).index(),b.fnGetPosition(d("tr",this.s.dt.nTBody)[a]);var
c=d(a).index(),a=d(a.parentNode).index();return[b.fnGetPosition(d("tr",this.s.dt.nTBody)[a]),c,b.oApi._fnVisibleToColumnIndex(this.s.dt,c)]}return
b.fnGetPosition(a)},_fnConstruct:function(a){var b=
-this;if("function"!=typeof
this.s.dt.oInstance.fnVersionCheck||!0!==this.s.dt.oInstance.fnVersionCheck("1.8.0"))alert("FixedColumns
"+k.VERSION+" required DataTables 1.8.0 or later. Please upgrade your
DataTables installation");else
if(""===this.s.dt.oScroll.sX)this.s.dt.oInstance.oApi._fnLog(this.s.dt,1,"FixedColumns
is not needed (no x-scrolling in DataTables enabled), so no action will be
taken. Use 'FixedHeader' for column fixing when scrolling is not
enabled");else{this.s=d.extend(!0,this.s,
-k.defaults,a);a=this.s.dt.oClasses;this.dom.grid.dt=d(this.s.dt.nTable).parents("div."+a.sScrollWrapper)[0];this.dom.scroller=d("div."+a.sScrollBody,this.dom.grid.dt)[0];this._fnColCalc();this._fnGridSetup();var
c;d(this.dom.scroller).on("mouseover.DTFC
touchstart.DTFC",function(){c="main"}).on("scroll.DTFC",function(){if("main"===c&&(0<b.s.iLeftColumns&&(b.dom.grid.left.liner.scrollTop=b.dom.scroller.scrollTop),0<b.s.iRightColumns))b.dom.grid.right.liner.scrollTop=b.dom.scroller.scrollTop});var
g=
-"onwheel"in
r.createElement("div")?"wheel.DTFC":"mousewheel.DTFC";if(0<b.s.iLeftColumns)d(b.dom.grid.left.liner).on("mouseover.DTFC
touchstart.DTFC",function(){c="left"}).on("scroll.DTFC",function(){"left"===c&&(b.dom.scroller.scrollTop=b.dom.grid.left.liner.scrollTop,0<b.s.iRightColumns&&(b.dom.grid.right.liner.scrollTop=b.dom.grid.left.liner.scrollTop))}).on(g,function(a){b.dom.scroller.scrollLeft-="wheel"===a.type?-a.originalEvent.deltaX:a.originalEvent.wheelDeltaX});if(0<b.s.iRightColumns)d(b.dom.grid.right.liner).on("mouseover.DTFC
touchstart.DTFC",
-function(){c="right"}).on("scroll.DTFC",function(){"right"===c&&(b.dom.scroller.scrollTop=b.dom.grid.right.liner.scrollTop,0<b.s.iLeftColumns&&(b.dom.grid.left.liner.scrollTop=b.dom.grid.right.liner.scrollTop))}).on(g,function(a){b.dom.scroller.scrollLeft-="wheel"===a.type?-a.originalEvent.deltaX:a.originalEvent.wheelDeltaX});d(q).on("resize.DTFC",function(){b._fnGridLayout.call(b)});var
f=!0,e=d(this.s.dt.nTable);e.on("draw.dt.DTFC",function(){b._fnDraw.call(b,f);f=!1}).on("column-sizing.dt.DTFC",
-function(){b._fnColCalc();b._fnGridLayout(b)}).on("column-visibility.dt.DTFC",function(){b._fnColCalc();b._fnGridLayout(b);b._fnDraw(!0)}).on("destroy.dt.DTFC",function(){e.off("column-sizing.dt.DTFC
destroy.dt.DTFC draw.dt.DTFC");d(b.dom.scroller).off("scroll.DTFC
mouseover.DTFC");d(q).off("resize.DTFC");d(b.dom.grid.left.liner).off("scroll.DTFC
mouseover.DTFC
"+g);d(b.dom.grid.left.wrapper).remove();d(b.dom.grid.right.liner).off("scroll.DTFC
mouseover.DTFC "+g);d(b.dom.grid.right.wrapper).remove()});
-this._fnGridLayout();this.s.dt.oInstance.fnDraw(!1)}},_fnColCalc:function(){var
a=this,b=0,c=0;this.s.aiInnerWidths=[];this.s.aiOuterWidths=[];d.each(this.s.dt.aoColumns,function(g,f){var
e=d(f.nTh),h;if(e.filter(":visible").length){var
i=e.outerWidth();0===a.s.aiOuterWidths.length&&(h=d(a.s.dt.nTable).css("border-left-width"),i+="string"===typeof
h?1:parseInt(h,10));a.s.aiOuterWidths.length===a.s.dt.aoColumns.length-1&&(h=d(a.s.dt.nTable).css("border-right-width"),i+="string"===typeof
h?1:parseInt(h,
-10));a.s.aiOuterWidths.push(i);a.s.aiInnerWidths.push(e.width());g<a.s.iLeftColumns&&(b+=i);a.s.iTableColumns-a.s.iRightColumns<=g&&(c+=i)}else
a.s.aiInnerWidths.push(0),a.s.aiOuterWidths.push(0)});this.s.iLeftWidth=b;this.s.iRightWidth=c},_fnGridSetup:function(){var
a=this._fnDTOverflow(),b;this.dom.body=this.s.dt.nTable;this.dom.header=this.s.dt.nTHead.parentNode;this.dom.header.parentNode.parentNode.style.position="relative";var
c=d('<div class="DTFC_ScrollWrapper" style="position:relative;
clear:both;"><div class="DTFC_LeftWrapper" style="position:absolute; top:0;
left:0;"><div class="DTFC_LeftHeadWrapper" style="position:relative; top:0;
left:0; overflow:hidden;"></div><div class="DTFC_LeftBodyWrapper"
style="position:relative; top:0; left:0; overflow:hidden;"><div
class="DTFC_LeftBodyLiner" style="position:relative; top:0; left:0;
overflow-y:scroll;"></div></div><div class="DTFC_LeftFootWrapper"
style="position:relative; top:0; left:0; overflow:hidden;"></div></div><div
class="DTFC_RightWrapper" style="position:absolute; top:0; left:0;"><div
class="DTFC_RightHeadWrapper" style="position:relative; top:0; left:0;"><div
class="DTFC_RightHeadBlocker DTFC_Blocker" style="position:absolute; top:0;
bottom:0;"></div></div><div class="DTFC_RightBodyWrapper"
style="position:relative; top:0; left:0; overflow:hidden;"><div
class="DTFC_RightBodyLiner" style="position:relative; top:0; left:0;
overflow-y:scroll;"></div></div><div class="DTFC_RightFootWrapper"
style="position:relative; top:0; left:0;"><div class="DTFC_RightFootBlocker
DTFC_Blocker" style="position:absolute; top:0;
bottom:0;"></div></div></div></div>')[0],
-g=c.childNodes[0],f=c.childNodes[1];this.dom.grid.dt.parentNode.insertBefore(c,this.dom.grid.dt);c.appendChild(this.dom.grid.dt);this.dom.grid.wrapper=c;0<this.s.iLeftColumns&&(this.dom.grid.left.wrapper=g,this.dom.grid.left.head=g.childNodes[0],this.dom.grid.left.body=g.childNodes[1],this.dom.grid.left.liner=d("div.DTFC_LeftBodyLiner",c)[0],c.appendChild(g));0<this.s.iRightColumns&&(this.dom.grid.right.wrapper=f,this.dom.grid.right.head=f.childNodes[0],this.dom.grid.right.body=f.childNodes[1],this.dom.grid.right.liner=
-d("div.DTFC_RightBodyLiner",c)[0],b=d("div.DTFC_RightHeadBlocker",c)[0],b.style.width=a.bar+"px",b.style.right=-a.bar+"px",this.dom.grid.right.headBlock=b,b=d("div.DTFC_RightFootBlocker",c)[0],b.style.width=a.bar+"px",b.style.right=-a.bar+"px",this.dom.grid.right.footBlock=b,c.appendChild(f));if(this.s.dt.nTFoot&&(this.dom.footer=this.s.dt.nTFoot.parentNode,0<this.s.iLeftColumns&&(this.dom.grid.left.foot=g.childNodes[2]),0<this.s.iRightColumns))this.dom.grid.right.foot=f.childNodes[2]},_fnGridLayout:function(){var
a=
-this.dom.grid,b=d(a.wrapper).width(),c=d(this.s.dt.nTable.parentNode).outerHeight(),g=d(this.s.dt.nTable.parentNode.parentNode).outerHeight(),f=this._fnDTOverflow(),e=this.s.iLeftWidth,h=this.s.iRightWidth;f.x&&(c-=f.bar);a.wrapper.style.height=g+"px";0<this.s.iLeftColumns&&(a.left.wrapper.style.width=e+"px",a.left.wrapper.style.height="1px",a.left.body.style.height=c+"px",a.left.foot&&(a.left.foot.style.top=(f.x?f.bar:0)+"px"),a.left.liner.style.width=e+f.bar+"px",a.left.liner.style.height=c+"px");
-0<this.s.iRightColumns&&(b-=h,f.y&&(b-=f.bar),a.right.wrapper.style.width=h+"px",a.right.wrapper.style.left=b+"px",a.right.wrapper.style.height="1px",a.right.body.style.height=c+"px",a.right.foot&&(a.right.foot.style.top=(f.x?f.bar:0)+"px"),a.right.liner.style.width=h+f.bar+"px",a.right.liner.style.height=c+"px",a.right.headBlock.style.display=f.y?"block":"none",a.right.footBlock.style.display=f.y?"block":"none")},_fnDTOverflow:function(){var
a=this.s.dt.nTable,b=a.parentNode,c={x:!1,y:!1,bar:this.s.dt.oScroll.iBarWidth};
-a.offsetWidth>b.clientWidth&&(c.x=!0);a.offsetHeight>b.clientHeight&&(c.y=!0);return
c},_fnDraw:function(a){this._fnGridLayout();this._fnCloneLeft(a);this._fnCloneRight(a);null!==this.s.fnDrawCallback&&this.s.fnDrawCallback.call(this,this.dom.clone.left,this.dom.clone.right);d(this).trigger("draw.dtfc",{leftClone:this.dom.clone.left,rightClone:this.dom.clone.right})},_fnCloneRight:function(a){if(!(0>=this.s.iRightColumns)){var
b,c=[];for(b=this.s.iTableColumns-this.s.iRightColumns;b<this.s.iTableColumns;b++)this.s.dt.aoColumns[b].bVisible&&
-c.push(b);this._fnClone(this.dom.clone.right,this.dom.grid.right,c,a)}},_fnCloneLeft:function(a){if(!(0>=this.s.iLeftColumns)){var
b,c=[];for(b=0;b<this.s.iLeftColumns;b++)this.s.dt.aoColumns[b].bVisible&&c.push(b);this._fnClone(this.dom.clone.left,this.dom.grid.left,c,a)}},_fnCopyLayout:function(a,b){for(var
c=[],g=[],f=[],e=0,h=a.length;e<h;e++){var
i=[];i.nTr=d(a[e].nTr).clone(!0,!0)[0];for(var
j=0,n=this.s.iTableColumns;j<n;j++)if(-1!==d.inArray(j,b)){var
l=d.inArray(a[e][j].cell,f);-1===l?(l=
-d(a[e][j].cell).clone(!0,!0)[0],g.push(l),f.push(a[e][j].cell),i.push({cell:l,unique:a[e][j].unique})):i.push({cell:g[l],unique:a[e][j].unique})}c.push(i)}return
c},_fnClone:function(a,b,c,g){var
f=this,e,h,i,j,n,l,k,m,p;if(g){null!==a.header&&a.header.parentNode.removeChild(a.header);a.header=d(this.dom.header).clone(!0,!0)[0];a.header.className+="
DTFC_Cloned";a.header.style.width="100%";b.head.appendChild(a.header);m=this._fnCopyLayout(this.s.dt.aoHeader,c);j=d(">thead",a.header);j.empty();e=0;
-for(h=m.length;e<h;e++)j[0].appendChild(m[e].nTr);this.s.dt.oApi._fnDrawHead(this.s.dt,m,!0)}else{m=this._fnCopyLayout(this.s.dt.aoHeader,c);p=[];this.s.dt.oApi._fnDetectHeader(p,d(">thead",a.header)[0]);e=0;for(h=m.length;e<h;e++){i=0;for(j=m[e].length;i<j;i++)p[e][i].cell.className=m[e][i].cell.className,d("span.DataTables_sort_icon",p[e][i].cell).each(function(){this.className=d("span.DataTables_sort_icon",m[e][i].cell)[0].className})}}this._fnEqualiseHeights("thead",this.dom.header,a.header);
-"auto"==this.s.sHeightMatch&&d(">tbody>tr",f.dom.body).css("height","auto");null!==a.body&&(a.body.parentNode.removeChild(a.body),a.body=null);a.body=d(this.dom.body).clone(!0)[0];a.body.className+="
DTFC_Cloned";a.body.style.paddingBottom=this.s.dt.oScroll.iBarWidth+"px";a.body.style.marginBottom=2*this.s.dt.oScroll.iBarWidth+"px";null!==a.body.getAttribute("id")&&a.body.removeAttribute("id");d(">thead>tr",a.body).empty();d(">tfoot",a.body).remove();var
o=d("tbody",a.body)[0];d(o).empty();if(0<this.s.dt.aiDisplay.length){h=
-d(">thead>tr",a.body)[0];for(k=0;k<c.length;k++)n=c[k],l=d(this.s.dt.aoColumns[n].nTh).clone(!0)[0],l.innerHTML="",j=l.style,j.paddingTop="0",j.paddingBottom="0",j.borderTopWidth="0",j.borderBottomWidth="0",j.height=0,j.width=f.s.aiInnerWidths[n]+"px",h.appendChild(l);d(">tbody>tr",f.dom.body).each(function(a){var
b=this.cloneNode(false);b.removeAttribute("id");a=f.s.dt.oFeatures.bServerSide===false?f.s.dt.aiDisplay[f.s.dt._iDisplayStart+a]:a;for(k=0;k<c.length;k++){var
e=f.s.dt.aoData[a].anCells||
-f.s.dt.oApi._fnGetTdNodes(f.s.dt,a);n=c[k];if(e.length>0){l=d(e[n]).clone(true,true)[0];b.appendChild(l)}}o.appendChild(b)})}else
d(">tbody>tr",f.dom.body).each(function(){l=this.cloneNode(true);l.className=l.className+"
DTFC_NoData";d("td",l).html("");o.appendChild(l)});a.body.style.width="100%";a.body.style.margin="0";a.body.style.padding="0";g&&"undefined"!=typeof
this.s.dt.oScroller&&b.liner.appendChild(this.s.dt.oScroller.dom.force.cloneNode(!0));b.liner.appendChild(a.body);this._fnEqualiseHeights("tbody",
-f.dom.body,a.body);if(null!==this.s.dt.nTFoot){if(g){null!==a.footer&&a.footer.parentNode.removeChild(a.footer);a.footer=d(this.dom.footer).clone(!0,!0)[0];a.footer.className+="
DTFC_Cloned";a.footer.style.width="100%";b.foot.appendChild(a.footer);m=this._fnCopyLayout(this.s.dt.aoFooter,c);b=d(">tfoot",a.footer);b.empty();e=0;for(h=m.length;e<h;e++)b[0].appendChild(m[e].nTr);this.s.dt.oApi._fnDrawHead(this.s.dt,m,!0)}else{m=this._fnCopyLayout(this.s.dt.aoFooter,c);b=[];this.s.dt.oApi._fnDetectHeader(b,
-d(">tfoot",a.footer)[0]);e=0;for(h=m.length;e<h;e++){i=0;for(j=m[e].length;i<j;i++)b[e][i].cell.className=m[e][i].cell.className}}this._fnEqualiseHeights("tfoot",this.dom.footer,a.footer)}b=this.s.dt.oApi._fnGetUniqueThs(this.s.dt,d(">thead",a.header)[0]);d(b).each(function(a){n=c[a];this.style.width=f.s.aiInnerWidths[n]+"px"});null!==f.s.dt.nTFoot&&(b=this.s.dt.oApi._fnGetUniqueThs(this.s.dt,d(">tfoot",a.footer)[0]),d(b).each(function(a){n=c[a];this.style.width=f.s.aiInnerWidths[n]+"px"}))},_fnGetTrNodes:function(a){for(var
b=
-[],c=0,d=a.childNodes.length;c<d;c++)"TR"==a.childNodes[c].nodeName.toUpperCase()&&b.push(a.childNodes[c]);return
b},_fnEqualiseHeights:function(a,b,c){if(!("none"==this.s.sHeightMatch&&"thead"!==a&&"tfoot"!==a)){var
g,f,e=b.getElementsByTagName(a)[0],c=c.getElementsByTagName(a)[0],a=d(">"+a+">tr:eq(0)",b).children(":first");a.outerHeight();a.height();for(var
e=this._fnGetTrNodes(e),b=this._fnGetTrNodes(c),h=[],c=0,a=b.length;c<a;c++)g=e[c].offsetHeight,f=b[c].offsetHeight,g=f>g?f:g,"semiauto"==this.s.sHeightMatch&&
-(e[c]._DTTC_iHeight=g),h.push(g);c=0;for(a=b.length;c<a;c++)b[c].style.height=h[c]+"px",e[c].style.height=h[c]+"px"}}};k.defaults={iLeftColumns:1,iRightColumns:0,fnDrawCallback:null,sHeightMatch:"semiauto"};k.version="3.0.2";d.fn.dataTable.FixedColumns=k;return
d.fn.DataTable.FixedColumns=k};"function"===typeof
define&&define.amd?define(["jquery","datatables"],o):"object"===typeof
exports?o(require("jquery"),require("datatables")):jQuery&&!jQuery.fn.dataTable.FixedColumns&&o(jQuery,jQuery.fn.dataTable)})(window,
+(function(q,r){var o=function(d){var j=function(a,b){var c=this;if(this
instanceof j){"undefined"==typeof b&&(b={});var
f=d.fn.dataTable.camelToHungarian;f&&(f(j.defaults,j.defaults,!0),f(j.defaults,b));f=d.fn.dataTable.Api?(new
d.fn.dataTable.Api(a)).settings()[0]:a.fnSettings();this.s={dt:f,iTableColumns:f.aoColumns.length,aiOuterWidths:[],aiInnerWidths:[]};this.dom={scroller:null,header:null,body:null,footer:null,grid:{wrapper:null,dt:null,left:{wrapper:null,head:null,body:null,foot:null},right:{wrapper:null,
+head:null,body:null,foot:null}},clone:{left:{header:null,body:null,footer:null},right:{header:null,body:null,footer:null}}};f._oFixedColumns=this;f._bInitComplete?this._fnConstruct(b):f.oApi._fnCallbackReg(f,"aoInitComplete",function(){c._fnConstruct(b)},"FixedColumns")}else
alert("FixedColumns warning: FixedColumns must be initialised with the 'new'
keyword.")};j.prototype={fnUpdate:function(){this._fnDraw(!0)},fnRedrawLayout:function(){this._fnColCalc();this._fnGridLayout();this.fnUpdate()},fnRecalculateHeight:function(a){delete
a._DTTC_iHeight;
+a.style.height="auto"},fnSetRowHeight:function(a,b){a.style.height=b+"px"},fnGetPosition:function(a){var
b=this.s.dt.oInstance;if(d(a).parents(".DTFC_Cloned").length){if("tr"===a.nodeName.toLowerCase())return
a=d(a).index(),b.fnGetPosition(d("tr",this.s.dt.nTBody)[a]);var
c=d(a).index(),a=d(a.parentNode).index();return[b.fnGetPosition(d("tr",this.s.dt.nTBody)[a]),c,b.oApi._fnVisibleToColumnIndex(this.s.dt,c)]}return
b.fnGetPosition(a)},_fnConstruct:function(a){var b=this;if("function"!=typeof
this.s.dt.oInstance.fnVersionCheck||
+!0!==this.s.dt.oInstance.fnVersionCheck("1.8.0"))alert("FixedColumns
"+j.VERSION+" required DataTables 1.8.0 or later. Please upgrade your
DataTables installation");else
if(""===this.s.dt.oScroll.sX)this.s.dt.oInstance.oApi._fnLog(this.s.dt,1,"FixedColumns
is not needed (no x-scrolling in DataTables enabled), so no action will be
taken. Use 'FixedHeader' for column fixing when scrolling is not
enabled");else{this.s=d.extend(!0,this.s,j.defaults,a);a=this.s.dt.oClasses;this.dom.grid.dt=d(this.s.dt.nTable).parents("div."+
+a.sScrollWrapper)[0];this.dom.scroller=d("div."+a.sScrollBody,this.dom.grid.dt)[0];this._fnColCalc();this._fnGridSetup();var
c;d(this.dom.scroller).on("mouseover.DTFC
touchstart.DTFC",function(){c="main"}).on("scroll.DTFC",function(){if("main"===c&&(0<b.s.iLeftColumns&&(b.dom.grid.left.liner.scrollTop=b.dom.scroller.scrollTop),0<b.s.iRightColumns))b.dom.grid.right.liner.scrollTop=b.dom.scroller.scrollTop});var
f="onwheel"in
r.createElement("div")?"wheel.DTFC":"mousewheel.DTFC";if(0<b.s.iLeftColumns)d(b.dom.grid.left.liner).on("mouseover.DTFC
touchstart.DTFC",
+function(){c="left"}).on("scroll.DTFC",function(){"left"===c&&(b.dom.scroller.scrollTop=b.dom.grid.left.liner.scrollTop,0<b.s.iRightColumns&&(b.dom.grid.right.liner.scrollTop=b.dom.grid.left.liner.scrollTop))}).on(f,function(a){b.dom.scroller.scrollLeft-="wheel"===a.type?-a.originalEvent.deltaX:a.originalEvent.wheelDeltaX});if(0<b.s.iRightColumns)d(b.dom.grid.right.liner).on("mouseover.DTFC
touchstart.DTFC",function(){c="right"}).on("scroll.DTFC",function(){"right"===c&&(b.dom.scroller.scrollTop=
+b.dom.grid.right.liner.scrollTop,0<b.s.iLeftColumns&&(b.dom.grid.left.liner.scrollTop=b.dom.grid.right.liner.scrollTop))}).on(f,function(a){b.dom.scroller.scrollLeft-="wheel"===a.type?-a.originalEvent.deltaX:a.originalEvent.wheelDeltaX});d(q).on("resize.DTFC",function(){b._fnGridLayout.call(b)});var
g=!0,e=d(this.s.dt.nTable);e.on("draw.dt.DTFC",function(){b._fnDraw.call(b,g);g=!1}).on("column-sizing.dt.DTFC",function(){b._fnColCalc();b._fnGridLayout(b)}).on("column-visibility.dt.DTFC",function(){b._fnColCalc();
+b._fnGridLayout(b);b._fnDraw(!0)}).on("destroy.dt.DTFC",function(){e.off("column-sizing.dt.DTFC
destroy.dt.DTFC draw.dt.DTFC");d(b.dom.scroller).off("scroll.DTFC
mouseover.DTFC");d(q).off("resize.DTFC");d(b.dom.grid.left.liner).off("scroll.DTFC
mouseover.DTFC
"+f);d(b.dom.grid.left.wrapper).remove();d(b.dom.grid.right.liner).off("scroll.DTFC
mouseover.DTFC
"+f);d(b.dom.grid.right.wrapper).remove()});this._fnGridLayout();this.s.dt.oInstance.fnDraw(!1)}},_fnColCalc:function(){var
a=this,b=0,c=0;this.s.aiInnerWidths=
+[];this.s.aiOuterWidths=[];d.each(this.s.dt.aoColumns,function(f,g){var
e=d(g.nTh),i;if(e.filter(":visible").length){var
h=e.outerWidth();0===a.s.aiOuterWidths.length&&(i=d(a.s.dt.nTable).css("border-left-width"),h+="string"===typeof
i?1:parseInt(i,10));a.s.aiOuterWidths.length===a.s.dt.aoColumns.length-1&&(i=d(a.s.dt.nTable).css("border-right-width"),h+="string"===typeof
i?1:parseInt(i,10));a.s.aiOuterWidths.push(h);a.s.aiInnerWidths.push(e.width());f<a.s.iLeftColumns&&(b+=h);a.s.iTableColumns-a.s.iRightColumns<=
+f&&(c+=h)}else
a.s.aiInnerWidths.push(0),a.s.aiOuterWidths.push(0)});this.s.iLeftWidth=b;this.s.iRightWidth=c},_fnGridSetup:function(){var
a=this._fnDTOverflow(),b;this.dom.body=this.s.dt.nTable;this.dom.header=this.s.dt.nTHead.parentNode;this.dom.header.parentNode.parentNode.style.position="relative";var
c=d('<div class="DTFC_ScrollWrapper" style="position:relative;
clear:both;"><div class="DTFC_LeftWrapper" style="position:absolute; top:0;
left:0;"><div class="DTFC_LeftHeadWrapper" style="position:relative; top:0;
left:0; overflow:hidden;"></div><div class="DTFC_LeftBodyWrapper"
style="position:relative; top:0; left:0; overflow:hidden;"><div
class="DTFC_LeftBodyLiner" style="position:relative; top:0; left:0;
overflow-y:scroll;"></div></div><div class="DTFC_LeftFootWrapper"
style="position:relative; top:0; left:0; overflow:hidden;"></div></div><div
class="DTFC_RightWrapper" style="position:absolute; top:0; left:0;"><div
class="DTFC_RightHeadWrapper" style="position:relative; top:0; left:0;"><div
class="DTFC_RightHeadBlocker DTFC_Blocker" style="position:absolute; top:0;
bottom:0;"></div></div><div class="DTFC_RightBodyWrapper"
style="position:relative; top:0; left:0; overflow:hidden;"><div
class="DTFC_RightBodyLiner" style="position:relative; top:0; left:0;
overflow-y:scroll;"></div></div><div class="DTFC_RightFootWrapper"
style="position:relative; top:0; left:0;"><div class="DTFC_RightFootBlocker
DTFC_Blocker" style="position:absolute; top:0;
bottom:0;"></div></div></div></div>')[0],
+f=c.childNodes[0],g=c.childNodes[1];this.dom.grid.dt.parentNode.insertBefore(c,this.dom.grid.dt);c.appendChild(this.dom.grid.dt);this.dom.grid.wrapper=c;0<this.s.iLeftColumns&&(this.dom.grid.left.wrapper=f,this.dom.grid.left.head=f.childNodes[0],this.dom.grid.left.body=f.childNodes[1],this.dom.grid.left.liner=d("div.DTFC_LeftBodyLiner",c)[0],c.appendChild(f));0<this.s.iRightColumns&&(this.dom.grid.right.wrapper=g,this.dom.grid.right.head=g.childNodes[0],this.dom.grid.right.body=g.childNodes[1],this.dom.grid.right.liner=
+d("div.DTFC_RightBodyLiner",c)[0],b=d("div.DTFC_RightHeadBlocker",c)[0],b.style.width=a.bar+"px",b.style.right=-a.bar+"px",this.dom.grid.right.headBlock=b,b=d("div.DTFC_RightFootBlocker",c)[0],b.style.width=a.bar+"px",b.style.right=-a.bar+"px",this.dom.grid.right.footBlock=b,c.appendChild(g));if(this.s.dt.nTFoot&&(this.dom.footer=this.s.dt.nTFoot.parentNode,0<this.s.iLeftColumns&&(this.dom.grid.left.foot=f.childNodes[2]),0<this.s.iRightColumns))this.dom.grid.right.foot=g.childNodes[2]},_fnGridLayout:function(){var
a=
+this.dom.grid,b=d(a.wrapper).width(),c=d(this.s.dt.nTable.parentNode).outerHeight(),f=d(this.s.dt.nTable.parentNode.parentNode).outerHeight(),g=this._fnDTOverflow(),e=this.s.iLeftWidth,i=this.s.iRightWidth,h=function(a,b){g.bar?a.style.width=b+g.bar+"px":(a.style.width=b+20+"px",a.style.paddingRight="20px",a.style.boxSizing="border-box")};g.x&&(c-=g.bar);a.wrapper.style.height=f+"px";0<this.s.iLeftColumns&&(a.left.wrapper.style.width=e+"px",a.left.wrapper.style.height="1px",a.left.body.style.height=
+c+"px",a.left.foot&&(a.left.foot.style.top=(g.x?g.bar:0)+"px"),h(a.left.liner,e),a.left.liner.style.height=c+"px");0<this.s.iRightColumns&&(b-=i,g.y&&(b-=g.bar),a.right.wrapper.style.width=i+"px",a.right.wrapper.style.left=b+"px",a.right.wrapper.style.height="1px",a.right.body.style.height=c+"px",a.right.foot&&(a.right.foot.style.top=(g.x?g.bar:0)+"px"),h(a.right.liner,i),a.right.liner.style.height=c+"px",a.right.headBlock.style.display=g.y?"block":"none",a.right.footBlock.style.display=g.y?"block":
+"none")},_fnDTOverflow:function(){var
a=this.s.dt.nTable,b=a.parentNode,c={x:!1,y:!1,bar:this.s.dt.oScroll.iBarWidth};a.offsetWidth>b.clientWidth&&(c.x=!0);a.offsetHeight>b.clientHeight&&(c.y=!0);return
c},_fnDraw:function(a){this._fnGridLayout();this._fnCloneLeft(a);this._fnCloneRight(a);null!==this.s.fnDrawCallback&&this.s.fnDrawCallback.call(this,this.dom.clone.left,this.dom.clone.right);d(this).trigger("draw.dtfc",{leftClone:this.dom.clone.left,rightClone:this.dom.clone.right})},_fnCloneRight:function(a){if(!(0>=
+this.s.iRightColumns)){var
b,c=[];for(b=this.s.iTableColumns-this.s.iRightColumns;b<this.s.iTableColumns;b++)this.s.dt.aoColumns[b].bVisible&&c.push(b);this._fnClone(this.dom.clone.right,this.dom.grid.right,c,a)}},_fnCloneLeft:function(a){if(!(0>=this.s.iLeftColumns)){var
b,c=[];for(b=0;b<this.s.iLeftColumns;b++)this.s.dt.aoColumns[b].bVisible&&c.push(b);this._fnClone(this.dom.clone.left,this.dom.grid.left,c,a)}},_fnCopyLayout:function(a,b){for(var
c=[],f=[],g=[],e=0,i=a.length;e<i;e++){var h=[];
+h.nTr=d(a[e].nTr).clone(!0,!0)[0];for(var
k=0,j=this.s.iTableColumns;k<j;k++)if(-1!==d.inArray(k,b)){var
l=d.inArray(a[e][k].cell,g);-1===l?(l=d(a[e][k].cell).clone(!0,!0)[0],f.push(l),g.push(a[e][k].cell),h.push({cell:l,unique:a[e][k].unique})):h.push({cell:f[l],unique:a[e][k].unique})}c.push(h)}return
c},_fnClone:function(a,b,c,f){var
g=this,e,i,h,k,j,l,n,m,p;if(f){null!==a.header&&a.header.parentNode.removeChild(a.header);a.header=d(this.dom.header).clone(!0,!0)[0];a.header.className+="
DTFC_Cloned";
+a.header.style.width="100%";b.head.appendChild(a.header);m=this._fnCopyLayout(this.s.dt.aoHeader,c);k=d(">thead",a.header);k.empty();e=0;for(i=m.length;e<i;e++)k[0].appendChild(m[e].nTr);this.s.dt.oApi._fnDrawHead(this.s.dt,m,!0)}else{m=this._fnCopyLayout(this.s.dt.aoHeader,c);p=[];this.s.dt.oApi._fnDetectHeader(p,d(">thead",a.header)[0]);e=0;for(i=m.length;e<i;e++){h=0;for(k=m[e].length;h<k;h++)p[e][h].cell.className=m[e][h].cell.className,d("span.DataTables_sort_icon",p[e][h].cell).each(function(){this.className=
+d("span.DataTables_sort_icon",m[e][h].cell)[0].className})}}this._fnEqualiseHeights("thead",this.dom.header,a.header);"auto"==this.s.sHeightMatch&&d(">tbody>tr",g.dom.body).css("height","auto");null!==a.body&&(a.body.parentNode.removeChild(a.body),a.body=null);a.body=d(this.dom.body).clone(!0)[0];a.body.className+="
DTFC_Cloned";a.body.style.paddingBottom=this.s.dt.oScroll.iBarWidth+"px";a.body.style.marginBottom=2*this.s.dt.oScroll.iBarWidth+"px";null!==a.body.getAttribute("id")&&a.body.removeAttribute("id");
+d(">thead>tr",a.body).empty();d(">tfoot",a.body).remove();var
o=d("tbody",a.body)[0];d(o).empty();if(0<this.s.dt.aiDisplay.length){i=d(">thead>tr",a.body)[0];for(n=0;n<c.length;n++)j=c[n],l=d(this.s.dt.aoColumns[j].nTh).clone(!0)[0],l.innerHTML="",k=l.style,k.paddingTop="0",k.paddingBottom="0",k.borderTopWidth="0",k.borderBottomWidth="0",k.height=0,k.width=g.s.aiInnerWidths[j]+"px",i.appendChild(l);d(">tbody>tr",g.dom.body).each(function(){var
a=this.cloneNode(false);a.removeAttribute("id");var b=
+d(this).children("td,
th");for(n=0;n<c.length;n++){j=c[n];if(b.length>0){l=d(b[j]).clone(true,true)[0];a.appendChild(l)}}o.appendChild(a)})}else
d(">tbody>tr",g.dom.body).each(function(){l=this.cloneNode(true);l.className=l.className+"
DTFC_NoData";d("td",l).html("");o.appendChild(l)});a.body.style.width="100%";a.body.style.margin="0";a.body.style.padding="0";f&&"undefined"!=typeof
this.s.dt.oScroller&&b.liner.appendChild(this.s.dt.oScroller.dom.force.cloneNode(!0));b.liner.appendChild(a.body);this._fnEqualiseHeights("tbody",
+g.dom.body,a.body);if(null!==this.s.dt.nTFoot){if(f){null!==a.footer&&a.footer.parentNode.removeChild(a.footer);a.footer=d(this.dom.footer).clone(!0,!0)[0];a.footer.className+="
DTFC_Cloned";a.footer.style.width="100%";b.foot.appendChild(a.footer);m=this._fnCopyLayout(this.s.dt.aoFooter,c);b=d(">tfoot",a.footer);b.empty();e=0;for(i=m.length;e<i;e++)b[0].appendChild(m[e].nTr);this.s.dt.oApi._fnDrawHead(this.s.dt,m,!0)}else{m=this._fnCopyLayout(this.s.dt.aoFooter,c);b=[];this.s.dt.oApi._fnDetectHeader(b,
+d(">tfoot",a.footer)[0]);e=0;for(i=m.length;e<i;e++){h=0;for(k=m[e].length;h<k;h++)b[e][h].cell.className=m[e][h].cell.className}}this._fnEqualiseHeights("tfoot",this.dom.footer,a.footer)}b=this.s.dt.oApi._fnGetUniqueThs(this.s.dt,d(">thead",a.header)[0]);d(b).each(function(a){j=c[a];this.style.width=g.s.aiInnerWidths[j]+"px"});null!==g.s.dt.nTFoot&&(b=this.s.dt.oApi._fnGetUniqueThs(this.s.dt,d(">tfoot",a.footer)[0]),d(b).each(function(a){j=c[a];this.style.width=g.s.aiInnerWidths[j]+"px"}))},_fnGetTrNodes:function(a){for(var
b=
+[],c=0,d=a.childNodes.length;c<d;c++)"TR"==a.childNodes[c].nodeName.toUpperCase()&&b.push(a.childNodes[c]);return
b},_fnEqualiseHeights:function(a,b,c){if(!("none"==this.s.sHeightMatch&&"thead"!==a&&"tfoot"!==a)){var
f,g,e=b.getElementsByTagName(a)[0],c=c.getElementsByTagName(a)[0],a=d(">"+a+">tr:eq(0)",b).children(":first");a.outerHeight();a.height();for(var
e=this._fnGetTrNodes(e),b=this._fnGetTrNodes(c),i=[],c=0,a=b.length;c<a;c++)f=e[c].offsetHeight,g=b[c].offsetHeight,f=g>f?g:f,"semiauto"==this.s.sHeightMatch&&
+(e[c]._DTTC_iHeight=f),i.push(f);c=0;for(a=b.length;c<a;c++)b[c].style.height=i[c]+"px",e[c].style.height=i[c]+"px"}}};j.defaults={iLeftColumns:1,iRightColumns:0,fnDrawCallback:null,sHeightMatch:"semiauto"};j.version="3.0.3";d.fn.dataTable.FixedColumns=j;return
d.fn.DataTable.FixedColumns=j};"function"===typeof
define&&define.amd?define(["jquery","datatables"],o):"object"===typeof
exports?o(require("jquery"),require("datatables")):jQuery&&!jQuery.fn.dataTable.FixedColumns&&o(jQuery,jQuery.fn.dataTable)})(window,
document);
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.css
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.css
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.css
2015-03-07 12:21:09 UTC (rev 12831)
@@ -79,6 +79,7 @@
table.dataTable tr.child ul li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
+ white-space: nowrap;
}
table.dataTable tr.child ul li:first-child {
padding-top: 0;
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.scss
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.scss
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.scss
2015-03-07 12:21:09 UTC (rev 12831)
@@ -109,6 +109,7 @@
li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
+ white-space: nowrap;
&:first-child {
padding-top: 0;
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/column-control.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/column-control.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/column-control.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -49,22 +49,15 @@
<h1>Responsive example <span>Column controlled child
rows</span></h1>
<div class="info">
- <p>Responsive has two built in methods for
displaying the controlling element of the child rows;
- <code>inline</code> which is the default option
and shows the control in the first column, and
- <code>column</code> which set a <em>control
column</em> as the control. The control column is shown
- only when there is some other column hidden,
and is dedicated only to the show / hide control for the
- rows.</p>
+ <p>Responsive has two built in methods for
displaying the controlling element of the child rows; <code>inline</code> which
is the default option and shows the
+ control in the first column, and
<code>column</code> which set a <em>control column</em> as the control. The
control column is shown only when there is some other
+ column hidden, and is dedicated only to the
show / hide control for the rows.</p>
- <p>This example shows the <a href=
-
"//datatables.net/extensions/responsive/reference/option/responsive.details.type"><code
class="option"
- title="Responsive initialisation
option">responsive.details.type<span>R</span></code></a> option set to
- <code>column</code> to activate the control
column. Note that by default the first column is used as
- the control, so additionally in the
initialisation the <a href=
- "//datatables.net/reference/option/order"><code
class="option" title=
- "DataTables initialisation
option">order<span>DT</span></code></a> and <a href=
-
"//datatables.net/reference/option/columns.orderable"><code class="option"
title=
- "DataTables initialisation
option">columns.orderable<span>DT</span></code></a> options are used to
- disable sorting on this column.</p>
+ <p>This example shows the <a
href="//datatables.net/extensions/responsive/reference/option/responsive.details.type"><code
class="option" title=
+ "Responsive initialisation
option">responsive.details.type<span>R</span></code></a> option set to
<code>column</code> to activate the control column. Note that by
+ default the first column is used as the
control, so additionally in the initialisation the <a
href="//datatables.net/reference/option/order"><code class="option"
+ title="DataTables initialisation
option">order<span>DT</span></code></a> and <a
href="//datatables.net/reference/option/columns.orderable"><code class="option"
+ title="DataTables initialisation
option">columns.orderable<span>DT</span></code></a> options are used to disable
sorting on this column.</p>
</div>
<table id="example" class="display nowrap"
cellspacing="0" width="100%">
@@ -737,8 +730,7 @@
<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
brush: js;">$(document).ready(function() {
+ <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( {
responsive: {
details: {
@@ -754,49 +746,42 @@
} );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../../media/js/jquery.js">../../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.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>
+ <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 brush: js;"></code>
+ <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>
+ <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="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../../css/dataTables.responsive.css">../../css/dataTables.responsive.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>
+ <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>
+ <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>
@@ -835,6 +820,7 @@
<li><a
href="../display-control/auto.html">Automatic column hiding</a></li>
<li><a
href="../display-control/classes.html">Class control</a></li>
<li><a
href="../display-control/init-classes.html">Assigned class control</a></li>
+ <li><a
href="../display-control/fixedHeader.html">With FixedHeader</a></li>
</ul>
</div>
@@ -851,14 +837,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/custom-renderer.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/custom-renderer.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/custom-renderer.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -61,17 +61,14 @@
<h1>Responsive example <span>Custom child row
renderer</span></h1>
<div class="info">
- <p>The child row's for a collapsed table in
Responsive, by default, show a <code class="tag" title=
- "HTML tag">ul/li</code> list of the data from
the hidden columns. The <a href=
-
"//datatables.net/extensions/responsive/reference/option/responsive.details.renderer"><code
class=
- "option" title="Responsive initialisation
option">responsive.details.renderer<span>R</span></code></a>
- option provide the ability to create your own
custom renderer. It is given two parameters: the
- DataTables API instance for the table and the
row index to use.</p>
+ <p>The child row's for a collapsed table in
Responsive, by default, show a <code class="tag" title="HTML tag">ul/li</code>
list of the data from the hidden
+ columns. The <a
href="//datatables.net/extensions/responsive/reference/option/responsive.details.renderer"><code
class="option" title=
+ "Responsive initialisation
option">responsive.details.renderer<span>R</span></code></a> option provide the
ability to create your own custom renderer. It is given
+ two parameters: the DataTables API instance for
the table and the row index to use.</p>
- <p>This example shows the <a
href="//datatables.net/reference/api/cells()"><code class="api" title=
- "DataTables API
method">cells()<span>DT</span></code></a> method being used to select the hidden
- columns and constructing a table of the data.
You could refine the selector to select only certain
- columns, or show all columns, etc.</p>
+ <p>This example shows the <a
href="//datatables.net/reference/api/cells()"><code class="api"
title="DataTables API method">cells()<span>DT</span></code></a> method
+ being used to select the hidden columns and
constructing a table of the data. You could refine the selector to select only
certain columns, or show all columns,
+ etc.</p>
</div>
<table id="example" class="display nowrap"
cellspacing="0" width="100%">
@@ -730,8 +727,7 @@
<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
brush: js;">$(document).ready(function() {
+ <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( {
responsive: {
details: {
@@ -759,49 +755,42 @@
} );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../../media/js/jquery.js">../../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.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>
+ <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 brush: js;"></code>
+ <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>
+ <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="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../../css/dataTables.responsive.css">../../css/dataTables.responsive.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>
+ <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>
+ <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>
@@ -840,6 +829,7 @@
<li><a
href="../display-control/auto.html">Automatic column hiding</a></li>
<li><a
href="../display-control/classes.html">Class control</a></li>
<li><a
href="../display-control/init-classes.html">Assigned class control</a></li>
+ <li><a
href="../display-control/fixedHeader.html">With FixedHeader</a></li>
</ul>
</div>
@@ -856,14 +846,11 @@
</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/extras";>extras</a> and
- <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
- DataTables.</p>
+ <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/extras";>extras</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-2014<br>
+ <p class="copyright">DataTables
designed and created by <a href="http://www.sprymedia.co.uk";>SpryMedia Ltd</a>
© 2007-2015<br>
DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
</div>
</div>
Modified:
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/disable-child-rows.html
===================================================================
---
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/disable-child-rows.html
2015-03-06 23:50:20 UTC (rev 12830)
+++
branches/dev-syncromind/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/disable-child-rows.html
2015-03-07 12:21:09 UTC (rev 12831)
@@ -41,12 +41,10 @@
<h1>Responsive example <span>Disable child
rows</span></h1>
<div class="info">
- <p>By default, when Responsive collapses a
table, it will show an option for the end user to expand the
- row, showing the details of the hidden columns
in a child row. This can be disabled using the <a href=
-
"//datatables.net/extensions/responsive/reference/option/responsive.details"><code
class="option"
- title="Responsive initialisation
option">responsive.details<span>R</span></code></a> option and setting
- it to <code>false</code>, as shown in the
example below. In this case the hidden data is not directly
- accessible to the end user.</p>
+ <p>By default, when Responsive collapses a
table, it will show an option for the end user to expand the row, showing the
details of the hidden columns in a child
+ row. This can be disabled using the <a
href="//datatables.net/extensions/responsive/reference/option/responsive.details"><code
class="option" title=
+ "Responsive initialisation
option">responsive.details<span>R</span></code></a> option and setting it to
<code>false</code>, as shown in the example below. In this
+ case the hidden data is not directly accessible
to the end user.</p>
</div>
<table id="example" class="display nowrap"
cellspacing="0" width="100%">
@@ -705,8 +703,7 @@
<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
brush: js;">$(document).ready(function() {
+ <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( {
responsive: {
details: false
@@ -714,49 +711,42 @@
} );
} );</code>
- <p>In addition to the above code, the
following Javascript library files are loaded for use in this
- example:</p>
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this example:</p>
<ul>
<li><a
href="../../../../media/js/jquery.js">../../../../media/js/jquery.js</a></li>
- <li><a href=
-
"../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a></li>
<li><a
href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.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>
+ <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 brush: js;"></code>
+ <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>
+ <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="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a></li>
<li><a
href="../../css/dataTables.responsive.css">../../css/dataTables.responsive.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>
+ <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
@@ Diff output truncated at 153600 characters. @@
| [Prev in Thread] |
Current Thread |
[Next in Thread] |
- [Fmsystem-commits] [12831] update jquery Datatables from upstream,
Sigurd Nes <=