DEV more fiddling - examples and unit tests

.datatables-commit-sync

@@ -1 +1 @@
-24c940786cc635fe43648992496c212e8ece1fee
+7b27e69c765d14427df3b77805d717af5e4e745d

examples/advanced_init/complex_header.html

@@ -37,7 +37,7 @@ $(document).ready(function() {
 			<div class="info">
 				<p>Complex headers (using <code>colspan</code> / <code>rowspan</code>) can be used to group columns of similar information in DataTables, creating a very powerful
 				visual effect.</p>
-				<p>In addition to the basic behaviour, DataTables can also take <code>colspan</code> and <code>rowspan</code>s into account when working with hidden columns. The
+				<p>In addition to the basic behaviour, DataTables can also take <code>colspan</code> and <code>rowspan</code> into account when working with hidden columns. The
 				<code>colspan</code> and <code>rowspan</code> attributes for each cell are automatically calculated and rendered on the page for you. This allows the <a href=
 				"//datatables.net/reference/option/columns.visible"><code class="option" title="DataTables initialisation option">columns.visible</code></a> option and <a href=
 				"//datatables.net/reference/api/column().visible()"><code class="api" title="DataTables API method">column().visible()</code></a> method to take into account

examples/advanced_init/dom_multiple_elements.html

@@ -46,7 +46,7 @@ $(document).ready(function() {
 				"DataTables initialisation option">dom</code></a> to create multiple instances of these table controls. Simply include the feature's identification letter where
 				you want it to appear, as many times as you wish, and the controls will all sync up (note that obviously the table (<code class="string" title="String">t</code>)
 				should be included only once).</p>
-				<p>This is shown in the demo below where for four key build-in features are duplicated above and below the table.</p>
+				<p>This is shown in the demo below where the four key built-in features are duplicated above and below the table.</p>
 			</div>
 			<div class="demo-html"></div>
 			<table id="example" class="display" cellspacing="0" width="100%">

examples/advanced_init/html5-data-options.html

@@ -33,9 +33,9 @@ $(document).ready(function() {
 				<p>As of DataTables 1.10.5 it is now possible to define <a href="//datatables.net/reference/option">initialisation options</a> using HTML5 <code>data-*</code>
 				attributes. The attribute names are read by DataTables and used, potentially in combination with, the standard Javascript initialisation options (with the
 				<code>data-*</code> attributes taking priority).</p>
-				<p>Please note that the attribute values must contain valid JSON data or a Javascript primitive (as require by <a href=
-				"http://api.jquery.com/data/#data-html5">jQuery's <code>$().data()</code> method</a> - this means that double quotes should be used inside the attribute if needed
-				for a string (see the <code>data-order</code> example below).</p>
+				<p>Please note that the attribute values must contain valid JSON data or a Javascript primitive, as required by <a href=
+				"http://api.jquery.com/data/#data-html5">jQuery's <code>$().data()</code> method</a>. This means that double quotes should be used inside the attribute if needed
+				for a string (see the <code>data-order</code> in this example).</p>
 				<p>Additionally, jQuery will convert a dashed string into the camel-case notation used by DataTables for its options. For example <code>data-page-length</code> is
 				used to represent <a href="//datatables.net/reference/option/pageLength"><code class="option" title="DataTables initialisation option">pageLength</code></a>.</p>
 				<p>The table below shows the use of <a href="//datatables.net/reference/option/pageLength"><code class="option" title=

examples/advanced_init/sort_direction_control.html

@@ -53,7 +53,7 @@ $(document).ready(function() {
 					<li>Column 6 - default ordering</li>
 				</ul>
 				<p>It's worth noting that I don't have a good use case for when you might what to mix such complex ordering behaviour into a single table, but the example shows
-				how these options can be use and therefore applied across all columns.</p>
+				how these options can be used and therefore applied across all columns.</p>
 			</div>
 			<div class="demo-html"></div>
 			<table id="example" class="display" cellspacing="0" width="100%">

media/css/dataTables.bootstrap4.css

@@ -133,9 +133,6 @@ div.dataTables_scrollBody table {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
-div.dataTables_scrollBody table thead .sorting:before,
-div.dataTables_scrollBody table thead .sorting_asc:before,
-div.dataTables_scrollBody table thead .sorting_desc:before,
 div.dataTables_scrollBody table thead .sorting:after,
 div.dataTables_scrollBody table thead .sorting_asc:after,
 div.dataTables_scrollBody table thead .sorting_desc:after {