You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
2.8 KiB
JavaScript
113 lines
2.8 KiB
JavaScript
6 years ago
|
/*! RowFill for DataTables v1.0.0
|
||
|
|
* 2018 SpryMedia Ltd - datatables.net/license
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @summary RowFill
|
||
|
|
* @description Match the number of rows in a table to the page length
|
||
|
|
* @version 1.0.0
|
||
|
|
* @file dataTables.rowFill.js
|
||
|
|
* @author SpryMedia Ltd (www.sprymedia.co.uk)
|
||
|
|
* @contact www.sprymedia.co.uk/contact
|
||
|
|
* @copyright Copyright 2018 SpryMedia Ltd.
|
||
|
|
*
|
||
|
|
* License MIT - http://datatables.net/license/mit
|
||
|
|
*
|
||
|
|
* This feature plug-in for DataTables will automatically insert temporary rows
|
||
|
|
* into a DataTable that draws a page that is less than the configured page
|
||
|
|
* length. This can be handy to ensure that your table always as (e.g.) 10 rows
|
||
|
|
* visible.
|
||
|
|
*
|
||
|
|
* Filler rows have the class `dt-rowFill--filler` assigned to them allowing for
|
||
|
|
* additional styling (e.g. reducing opacity).
|
||
|
|
*
|
||
|
|
* To enable for a table add `rowFill: true` to your DataTables configuration.
|
||
|
|
*/
|
||
|
|
(function(factory) {
|
||
|
|
if (typeof define === 'function' && define.amd) {
|
||
|
|
// AMD
|
||
|
|
define(['jquery', 'datatables.net'], function($) {
|
||
|
|
return factory($, window, document);
|
||
|
|
});
|
||
|
|
} else if (typeof exports === 'object') {
|
||
|
|
// CommonJS
|
||
|
|
module.exports = function(root, $) {
|
||
|
|
if (!root) {
|
||
|
|
root = window;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!$ || !$.fn.dataTable) {
|
||
|
|
$ = require('datatables.net')(root, $).$;
|
||
|
|
}
|
||
|
|
|
||
|
|
return factory($, root, root.document);
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
// Browser
|
||
|
|
factory(jQuery, window, document);
|
||
|
|
}
|
||
|
|
})(function($, window, document, undefined) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var RowFill = function(dt, pageResizeManualDelta) {
|
||
|
|
var table = dt.table();
|
||
|
|
|
||
|
|
this.s = {
|
||
|
|
dt: dt,
|
||
|
|
body: $(table.body())
|
||
|
|
};
|
||
|
|
|
||
|
|
this._attach();
|
||
|
|
};
|
||
|
|
|
||
|
|
RowFill.prototype = {
|
||
|
|
_attach: function() {
|
||
|
|
var dt = this.s.dt;
|
||
|
|
var body = this.s.body;
|
||
|
|
|
||
|
|
dt.on('draw', function() {
|
||
|
|
var colspan = dt.columns(':visible').count();
|
||
|
|
var rowCount = dt.rows({ page: 'current' }).count();
|
||
|
|
var class1 = 'even';
|
||
|
|
var class2 = 'odd';
|
||
|
|
|
||
|
|
// Take account of the fact that DataTables will show a "Nothing found" row
|
||
|
|
// for an empty record set
|
||
|
|
if (rowCount === 0) {
|
||
|
|
rowCount = 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Reverse for continuation from the DataTable rows when a odd number of rows
|
||
|
|
if ( rowCount % 2 === 0 ) {
|
||
|
|
class1 = 'odd';
|
||
|
|
class2 = 'even';
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i = 0; i < dt.page.len() - rowCount; i++) {
|
||
|
|
body.append(
|
||
|
|
$('<tr><td colspan="'+colspan+'"> </td></tr>')
|
||
|
|
.addClass( i%2 === 0 ? class1 : class2 )
|
||
|
|
.addClass( 'dt-rowFill--filler' )
|
||
|
|
);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$.fn.dataTable.RowFill = RowFill;
|
||
|
|
$.fn.DataTable.RowFill = RowFill;
|
||
|
|
|
||
|
|
// Automatic initialisation listener
|
||
|
|
$(document).on('preInit.dt', function(e, settings) {
|
||
|
|
if (e.namespace !== 'dt') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var api = new $.fn.dataTable.Api(settings);
|
||
|
|
|
||
|
|
if (settings.oInit.rowFill || $.fn.dataTable.defaults.rowFill) {
|
||
|
|
new RowFill(api);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|