title: How to add strikethrough to dropdown select box on jquery datatable and filter out on the basis of it
body: <p>I have jquery Datatable as follows, and there is also a strikethrough text and I want to make it filterable, but upto now its not even being showing with strikethrough on the dropdown. My jquery datatable is as follows:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
          var table = $("#example").DataTable({
              "order": [ 1, "asc" ],
              // "lengthMenu": [[ 100, 200, 500,-1], [ 100, 200, 500,'All']],
              "pageLength": -1,
              "lengthChange": false,
              "bFilter": "false",
              "searchable": false,
              orderCellsTop: true,
              "bPaginate": false,
              "bInfo": false
          });
          
          $('.filterRow th').each( function (i) {
              var title = $(this).text();
              var select = $('&lt;select&gt;&lt;option value=""&gt;All&lt;/option&gt;&lt;/select&gt;')
                  .appendTo( $(this).empty() )
                  .on( 'change', function () {
                      var term = $(this).val();
                      table.column( i ).search(term, false, false ).draw();
                  } );
              let includedArr = [];
              let colData = table.column( i ).data().unique().sort().each( function ( d, j ) {
                  if(d != ""){
                                       select.append( '&lt;option value="'+d+'"&gt;'+d+'&lt;/option&gt;' );
                  }
              });
          } );
  } );</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css"&gt;
  
  &lt;table id="example" class="display" style="width:100%"&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td&gt;N&lt;/td&gt;
            &lt;td&gt;101&lt;/td&gt;
            &lt;td&gt;1&lt;/td&gt;
            &lt;td&gt;01&lt;/td&gt;
            &lt;td&gt;10&lt;/td&gt;
            &lt;td&gt;20&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;N&lt;/td&gt;
          &lt;td&gt;102&lt;/td&gt;
          &lt;td&gt;1&lt;/td&gt;
          &lt;td&gt;02&lt;/td&gt;
          &lt;td&gt;(20)&lt;/td&gt;
          &lt;td&gt;20&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;N&lt;/td&gt;
          &lt;td&gt;103&lt;/td&gt;
          &lt;td&gt;1&lt;/td&gt;
          &lt;td&gt;03&lt;/td&gt;
          &lt;td&gt;
              &lt;del&gt;10&lt;/del&gt;
          &lt;/td&gt;
          &lt;td&gt;20&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th rowspan="2"&gt;Bldg&lt;/th&gt;
            &lt;th rowspan="2"&gt;Unit&lt;/th&gt;
            &lt;th rowspan="2"&gt;Floor&lt;/th&gt;
            &lt;th rowspan="2"&gt;Stack&lt;/th&gt;
            &lt;th colspan="2"&gt;
                Floor Level
            &lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;th&gt;Floor 1&lt;/th&gt;
            &lt;th&gt;Floor 2&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr class="filterRow"&gt;
            &lt;th&gt;&lt;/th&gt;
            &lt;th&gt;&lt;/th&gt;
            &lt;th&gt;&lt;/th&gt;
            &lt;th&gt;&lt;/th&gt;
            &lt;th&gt;&lt;/th&gt;
            &lt;th&gt;&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
  &lt;/table&gt;
  
  &lt;script src="https://code.jquery.com/jquery-3.5.1.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Here you can see on <code>floor1</code> column with strikethrough text, but it is not showing on the dropdown value.</p>
  <p>I have even tried to adding inline classes as:</p>
  <pre><code>if (d.indexOf(&quot;del&quot;) &gt;= 0){
      select.append( '&lt;option style=&quot;text-decoration: line-through;&quot; value=&quot;'+d+'&quot;&gt;'+d+'&lt;/option&gt;' );
  }else{
      select.append( '&lt;option value=&quot;'+d+'&quot;&gt;'+d+'&lt;/option&gt;' );
  }
  </code></pre>
  <p>But, this to does not seems to working. How could I add strikethrough text on select box, and make it filterable.</p>