datatables.net 2.3.5 → 2.3.7

package/js/dataTables.mjs

@@ -1,4 +1,4 @@
-/*! DataTables 2.3.5
+/*! DataTables 2.3.7
  * © SpryMedia Ltd - datatables.net/license
  */
 
@@ -139,7 +139,7 @@ var DataTable = function ( selector, options )
 			"sDestroyWidth": $this[0].style.width,
 			"sInstance":     sId,
 			"sTableId":      sId,
-			colgroup: $('<colgroup>').prependTo(this),
+			colgroup: $('<colgroup>'),
 			fastData: function (row, column, type) {
 				return _fnGetCellData(oSettings, row, column, type);
 			}
@@ -212,6 +212,7 @@ var DataTable = function ( selector, options )
 			"orderHandler",
 			"titleRow",
 			"typeDetect",
+			"columnTitleTag",
 			[ "iCookieDuration", "iStateDuration" ], // backwards compat
 			[ "oSearch", "oPreviousSearch" ],
 			[ "aoSearchCols", "aoPreSearchCols" ],
@@ -376,7 +377,7 @@ var DataTable = function ( selector, options )
 		
 		if ( oSettings.caption ) {
 			if ( caption.length === 0 ) {
-				caption = $('<caption/>').appendTo( $this );
+				caption = $('<caption/>').prependTo( $this );
 			}
 		
 			caption.html( oSettings.caption );
@@ -389,6 +390,14 @@ var DataTable = function ( selector, options )
 			oSettings.captionNode = caption[0];
 		}
 		
+		// Place the colgroup element in the correct location for the HTML structure
+		if (caption.length) {
+			oSettings.colgroup.insertAfter(caption);
+		}
+		else {
+			oSettings.colgroup.prependTo(oSettings.nTable);
+		}
+		
 		if ( thead.length === 0 ) {
 			thead = $('<thead/>').appendTo($this);
 		}
@@ -1245,7 +1254,7 @@ var _removeEmpty = function ( a )
 };
 
 // Replaceable function in api.util
-var _stripHtml = function (input) {
+var _stripHtml = function (input, replacement) {
 	if (! input || typeof input !== 'string') {
 		return input;
 	}
@@ -1257,7 +1266,7 @@ var _stripHtml = function (input) {
 
 	var previous;
 
-	input = input.replace(_re_html, ''); // Complete tags
+	input = input.replace(_re_html, replacement || ''); // Complete tags
 
 	// Safety for incomplete script tag - use do / while to ensure that
 	// we get all instances
@@ -1722,7 +1731,7 @@ DataTable.util = {
 		}
 	},
 
-	stripHtml: function (mixed) {
+	stripHtml: function (mixed, replacement) {
 		var type = typeof mixed;
 
 		if (type === 'function') {
@@ -1730,7 +1739,7 @@ DataTable.util = {
 			return;
 		}
 		else if (type === 'string') {
-			return _stripHtml(mixed);
+			return _stripHtml(mixed, replacement);
 		}
 		return mixed;
 	},
@@ -3332,7 +3341,7 @@ function _fnHeaderLayout( settings, source, incColumns )
 					colspan++;
 				}
 
-				var titleSpan = $('span.dt-column-title', cell);
+				var titleSpan = $('.dt-column-title', cell);
 
 				structure[row][column] = {
 					cell: cell,
@@ -4046,8 +4055,8 @@ function _fnDetectHeader ( settings, thead, write )
 					}
 
 					// Wrap the column title so we can write to it in future
-					if ( $('span.dt-column-title', cell).length === 0) {
-						$('<span>')
+					if ( $('.dt-column-title', cell).length === 0) {
+						$(document.createElement(settings.columnTitleTag))
 							.addClass('dt-column-title')
 							.append(cell.childNodes)
 							.appendTo(cell);
@@ -4058,9 +4067,9 @@ function _fnDetectHeader ( settings, thead, write )
 						isHeader &&
 						jqCell.filter(':not([data-dt-order=disable])').length !== 0 &&
 						jqCell.parent(':not([data-dt-order=disable])').length !== 0 &&
-						$('span.dt-column-order', cell).length === 0
+						$('.dt-column-order', cell).length === 0
 					) {
-						$('<span>')
+						$(document.createElement(settings.columnTitleTag))
 							.addClass('dt-column-order')
 							.appendTo(cell);
 					}
@@ -4069,7 +4078,7 @@ function _fnDetectHeader ( settings, thead, write )
 					// layout for those elements
 					var headerFooter = isHeader ? 'header' : 'footer';
 
-					if ( $('span.dt-column-' + headerFooter, cell).length === 0) {
+					if ( $('div.dt-column-' + headerFooter, cell).length === 0) {
 						$('<div>')
 							.addClass('dt-column-' + headerFooter)
 							.append(cell.childNodes)
@@ -4226,6 +4235,10 @@ function _fnBuildAjax(oSettings, data, fn) {
 	// Custom Ajax option to submit the parameters as a JSON string
 	if (baseAjax.submitAs === 'json' && typeof data === 'object') {
 		baseAjax.data = JSON.stringify(data);
+
+		if (!baseAjax.contentType) {
+			baseAjax.contentType = 'application/json; charset=utf-8';
+		}
 	}
 
 	if (typeof ajax === 'function') {
@@ -5484,7 +5497,7 @@ function _fnCalculateColumnWidths ( settings )
 				var autoClass = _ext.type.className[column.sType];
 				var padding = column.sContentPadding || (scrollX ? '-' : '');
 				var text = longest + padding;
-				var insert = longest.indexOf('<') === -1
+				var insert = longest.indexOf('<') === -1 && longest.indexOf('&') === -1
 					? document.createTextNode(text)
 					: text
 
@@ -5672,15 +5685,20 @@ function _fnGetWideStrings( settings, colIdx )
 				.replace(/id=".*?"/g, '')
 				.replace(/name=".*?"/g, '');
 
-			var s = _stripHtml(cellString)
+			// Don't want Javascript at all in these calculation cells.
+			cellString = cellString.replace(/<script.*?<\/script>/gi, ' ');
+
+			var noHtml = _stripHtml(cellString, ' ')
 				.replace( /&nbsp;/g, ' ' );
 	
+			// The length is calculated on the text only, but we keep the HTML
+			// in the string so it can be used in the calculation table
 			collection.push({
-				str: s,
-				len: s.length
+				str: cellString,
+				len: noHtml.length
 			});
 
-			allStrings.push(s);
+			allStrings.push(noHtml);
 		}
 
 		// Order and then cut down to the size we need
@@ -8735,7 +8753,7 @@ var __column_header = function ( settings, column, row ) {
 		// Automatic - find the _last_ unique cell from the top that is not empty (last for
 		// backwards compatibility)
 		for (var i=0 ; i<header.length ; i++) {
-			if (header[i][column].unique && $('span.dt-column-title', header[i][column].cell).text()) {
+			if (header[i][column].unique && $('.dt-column-title', header[i][column].cell).text()) {
 				target = i;
 			}
 		}
@@ -8831,6 +8849,10 @@ var __column_selector = function ( settings, selector, opts )
 							return null;
 						}
 
+						if (col.responsiveVisible === false) {
+							return null;
+						}
+
 						// Selector
 						if (match[1]) {
 							return $(nodes[idx]).filter(match[1]).length > 0 ? idx : null;
@@ -9042,7 +9064,7 @@ _api_registerPlural( 'columns().titles()', 'column().title()', function (title,
 			title = undefined;
 		}
 
-		var span = $('span.dt-column-title', this.column(column).header(row));
+		var span = $('.dt-column-title', this.column(column).header(row));
 
 		if (title !== undefined) {
 			span.html(title);
@@ -10216,8 +10238,8 @@ _api_register( 'i18n()', function ( token, def, plural ) {
 
 // Needed for header and footer, so pulled into its own function
 function cleanHeader(node, className) {
-	$(node).find('span.dt-column-order').remove();
-	$(node).find('span.dt-column-title').each(function () {
+	$(node).find('.dt-column-order').remove();
+	$(node).find('.dt-column-title').each(function () {
 		var title = $(this).html();
 		$(this).parent().parent().append(title);
 		$(this).remove();
@@ -10235,7 +10257,7 @@ function cleanHeader(node, className) {
  *  @type string
  *  @default Version number
  */
-DataTable.version = "2.3.5";
+DataTable.version = "2.3.7";
 
 /**
  * Private data store, containing all of the settings objects that are
@@ -11403,7 +11425,10 @@ DataTable.defaults = {
 	iDeferLoading: null,
 
 	/** Event listeners */
-	on: null
+	on: null,
+
+	/** Title wrapper element type */
+	columnTitleTag: 'span'
 };
 
 _fnHungarianMap( DataTable.defaults );
@@ -12367,7 +12392,10 @@ DataTable.models.oSettings = {
 	orderHandler: true,
 
 	/** Title row indicator */
-	titleRow: null
+	titleRow: null,
+
+	/** Title wrapper element type */
+	columnTitleTag: 'span'
 };
 
 /**

package/package.json

@@ -4,7 +4,7 @@
     "main": "js/dataTables.js",
     "module": "js/dataTables.mjs",
     "types": "./types/types.d.ts",
-    "version": "2.3.5",
+    "version": "2.3.7",
     "files": [
         "js/**/*.js",
         "js/**/*.mjs",

package/types/types.d.ts

@@ -338,6 +338,11 @@ export interface Config {
      */
     columnDefs?: ConfigColumnDefs[];
 
+    /**
+     * HTML element to use for the title elements (including order indicator)
+     */
+    columnTitleTag?: string;
+
     /**
      * Data to use as the display data for the table.
      */