15a28f0db351b32b446a20ab2d4accd6acbd9716 Fix: -init layout's output…

… depended for a row depended on the order `Start` and `End` were given in. That is no longer the case and `Start` will always preceed `End` in the DOM.

DD-3019

Sync to source repo @15a28f0db351b32b446a20ab2d4accd6acbd9716

datatables.json

@@ -11,5 +11,5 @@
     ],
     "src-repo": "http://github.com/DataTables/DataTablesSrc",
     "last-tag": "2.1.8",
-    "last-sync": "4f47939f6ee3fc533887ec775f202fd833645548"
+    "last-sync": "15a28f0db351b32b446a20ab2d4accd6acbd9716"
 }

js/dataTables.js

@@ -13062,7 +13062,7 @@
 					.addClass(items.className || classes.row)
 					.appendTo( container );
 
-				$.each( items, function (key, val) {
+				DataTable.ext.renderer.layout._forLayoutRow(items, function (key, val) {
 					if (key === 'id' || key === 'className') {
 						return;
 					}
@@ -13093,7 +13093,31 @@
 						})
 						.append( val.contents )
 						.appendTo( row );
-				} );
+				});
+			},
+
+			// Shared for use by the styling frameworks
+			_forLayoutRow: function (items, fn) {
+				// As we are inserting dom elements, we need start / end in a
+				// specific order, this function is used for sorting the layout
+				// keys.
+				var layoutEnum = function (x) {
+					switch (x) {
+						case '': return 0;
+						case 'start': return 1;
+						case 'end': return 2;
+						default: return 3;
+					}
+				};
+
+				Object
+					.keys(items)
+					.sort(function (a, b) {
+						return layoutEnum(a) - layoutEnum(b);
+					})
+					.forEach(function (key) {
+						fn(key, items[key]);
+					});
 			}
 		}
 	} );

js/dataTables.mjs

@@ -13009,7 +13009,7 @@ $.extend( true, DataTable.ext.renderer, {
 				.addClass(items.className || classes.row)
 				.appendTo( container );
 
-			$.each( items, function (key, val) {
+			DataTable.ext.renderer.layout._forLayoutRow(items, function (key, val) {
 				if (key === 'id' || key === 'className') {
 					return;
 				}
@@ -13040,7 +13040,31 @@ $.extend( true, DataTable.ext.renderer, {
 					})
 					.append( val.contents )
 					.appendTo( row );
-			} );
+			});
+		},
+
+		// Shared for use by the styling frameworks
+		_forLayoutRow: function (items, fn) {
+			// As we are inserting dom elements, we need start / end in a
+			// specific order, this function is used for sorting the layout
+			// keys.
+			var layoutEnum = function (x) {
+				switch (x) {
+					case '': return 0;
+					case 'start': return 1;
+					case 'end': return 2;
+					default: return 3;
+				}
+			};
+
+			Object
+				.keys(items)
+				.sort(function (a, b) {
+					return layoutEnum(a) - layoutEnum(b);
+				})
+				.forEach(function (key) {
+					fn(key, items[key]);
+				});
 		}
 	}
 } );