', {
- 'colSpan': _fnVisbleColumns( settings ),
+ 'colSpan': _fnVisibleColumns( settings ),
'class': settings.oClasses.empty.row
} ).html( zero ) )[0];
}
@@ -3804,7 +3815,7 @@
var line = row[ item ].contents;
- for ( var i=0, ien=line.length ; i divBodyEl.clientHeight || divBody.css('overflow-y') == "scroll";
var paddingSide = 'padding' + (browser.bScrollbarLeft ? 'Left' : 'Right' );
@@ -5437,7 +5428,7 @@
visibleColumns = _fnGetColumns( settings, 'bVisible' ),
tableWidthAttr = table.getAttribute('width'), // from DOM element
tableContainer = table.parentNode,
- i, column, columnIdx;
+ i, j, column, columnIdx;
var styleWidth = table.style.width;
var containerWidth = _fnWrapperWidth(settings);
@@ -5471,17 +5462,16 @@
false
);
- // Construct a single row, worst case, table with the widest
- // node in the data, assign any user defined widths, then insert it into
- // the DOM and allow the browser to do all the hard work of calculating
- // table widths
+ // Construct a worst case table with the widest, assign any user defined
+ // widths, then insert it into the DOM and allow the browser to do all
+ // the hard work of calculating table widths
var tmpTable = $(table.cloneNode())
.css( 'visibility', 'hidden' )
+ .css( 'margin', 0 )
.removeAttr( 'id' );
// Clean up the table body
- tmpTable.append('')
- var tr = $('
').appendTo( tmpTable.find('tbody') );
+ tmpTable.append('')
// Clone the table header and footer - we can't use the header / footer
// from the cloned table, since if scrolling is active, the table's
@@ -5521,23 +5511,37 @@
}
} );
- // Find the widest piece of data for each column and put it into the table
+ // Get the widest strings for each of the visible columns and add them to
+ // our table to create a "worst case"
+ var longestData = [];
+
for ( i=0 ; i')
- .addClass(autoClass)
- .addClass(column.sClass)
- .append(insert)
- .appendTo(tr);
+ longestData.push(_fnGetWideStrings(settings, visibleColumns[i]));
+ }
+
+ if (longestData.length) {
+ for ( i=0 ; i').appendTo( tmpTable.find('tbody') );
+
+ for ( j=0 ; j')
+ .addClass(autoClass)
+ .addClass(column.sClass)
+ .append(insert)
+ .appendTo(tr);
+ }
+ }
}
// Tidy the temporary table - remove name attributes so there aren't
@@ -5676,20 +5680,32 @@
}
/**
- * Get the maximum strlen for each data column
+ * Get the widest strings for each column.
+ *
+ * It is very difficult to determine what the widest string actually is due to variable character
+ * width and kerning. Doing an exact calculation with the DOM or even Canvas would kill performance
+ * and this is a critical point, so we use two techniques to determine a collection of the longest
+ * strings from the column, which will likely contain the widest strings:
+ *
+ * 1) Get the top three longest strings from the column
+ * 2) Get the top three widest words (i.e. an unbreakable phrase)
+ *
* @param {object} settings dataTables settings object
* @param {int} colIdx column of interest
- * @returns {string} string of the max length
+ * @returns {string[]} Array of the longest strings
* @memberof DataTable#oApi
*/
- function _fnGetMaxLenString( settings, colIdx )
+ function _fnGetWideStrings( settings, colIdx )
{
var column = settings.aoColumns[colIdx];
- if (! column.maxLenString) {
- var s, max='', maxLen = -1;
-
- for ( var i=0, ien=settings.aiDisplayMaster.length ; i maxLen ) {
- // We want the HTML in the string, but the length that
- // is important is the stripped string
- max = cellString;
- maxLen = s.length;
- }
+ collection.push({
+ str: s,
+ len: s.length
+ });
+
+ allStrings.push(s);
+ }
+
+ // Order and then cut down to the size we need
+ collection
+ .sort(function (a, b) {
+ return b.len - a.len;
+ })
+ .splice(3);
+
+ column.wideStrings = collection.map(function (item) {
+ return item.str;
+ });
+
+ // Longest unbroken string
+ let parts = allStrings.join(' ').split(' ');
+
+ parts.sort(function (a, b) {
+ return b.length - a.length;
+ });
+
+ if (parts.length) {
+ column.wideStrings.push(parts[0]);
+ }
+
+ if (parts.length > 1) {
+ column.wideStrings.push(parts[1]);
}
- column.maxLenString = max;
+ if (parts.length > 2) {
+ column.wideStrings.push(parts[3]);
+ }
}
- return column.maxLenString;
+ return column.wideStrings;
}
@@ -5811,7 +5855,7 @@
: [column];
if ( columns.length ) {
- for ( var i=0, ien=columns.length ; i
-