title: Disable search/filtering for a specific column in a table
body: <p><strong>What I am trying to achieve</strong></p>
  
  <p>Disable my filtering function for column 8 in my table. (e.g it won't get recognized/does not care)</p>
  
  <p><strong>What I am struggling with</strong></p>
  
  <p>I can't manage to exclude column number 8 from my filtering. I've tried to use <code>.not</code> but cannot get that to work either. I've also attempted to use the CSS <code>:not</code> but I've heard that is not reliable enough (even though I am using it in my code). I struggle to implement this the right way.</p>
  
  <p><strong>My question</strong></p>
  
  <p>What would be the best option for this kind of task? How would I implement this correctly? </p>
  
  <p><strong>What my filtering looks like</strong></p>
  
  <pre><code>$("#table_search").on("keyup", function() {
      var value = $(this).val().toLowerCase();
      $(".table_data tr:not(:has(th))").filter(function() {
          $(this).toggle($(this).text().toLowerCase().indexOf(value) &gt; -1)
      });
  });
  </code></pre>
  
  <p><strong>DOM</strong></p>
  
  <pre><code>&lt;div class="table_responsive"&gt;
      &lt;div&gt;&lt;input type="input" id="table_search" class="form-control" placeholder="Perform a search..."&gt;&lt;/div&gt;
      &lt;table&gt;
          &lt;thead&gt;
              &lt;th&gt;thead1&lt;/th&gt;
              &lt;th&gt;thead2&lt;/th&gt;
              &lt;th&gt;thead3&lt;/th&gt;
              &lt;th&gt;thead4&lt;/th&gt;
              &lt;th&gt;thead5&lt;/th&gt;
              &lt;th&gt;thead6&lt;/th&gt;
              &lt;th&gt;thead7&lt;/th&gt;
              &lt;th&gt;thead8&lt;/th&gt;
          &lt;/thead&gt;
      &lt;/table&gt;
      &lt;div class="table_scroll"&gt;
          &lt;table class="table_data"&gt;
              &lt;tr&gt;
                  &lt;td&gt;row1&lt;/td&gt;
                  &lt;td&gt;row2&lt;/td&gt;
                  &lt;td&gt;row3&lt;/td&gt;
                  &lt;td&gt;row4&lt;/td&gt;
                  &lt;td&gt;row5&lt;/td&gt;
                  &lt;td&gt;row6&lt;/td&gt;
                  &lt;td&gt;row7&lt;/td&gt;
                  &lt;td&gt;row8&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Additional comments</strong></p>
  
  <p>I am aware there are questions <strong><em>almost</em></strong> identical to mine and I don't know if it's because I haven't finished my morning coffee or what not. But it's a shame <em>(and a bit embarassing)</em> I struggle with tweaking and implementing their solution to my problem.</p>
  
  <p>Here's a few similar questions I've taken a look at:</p>
  
  <p><a href="https://stackoverflow.com/questions/25894660/how-to-disable-a-search-filter-on-a-specific-column-on-a-datatable">Disable search filter on a specific column (this question only disables the search input for the columns itself)</a></p>
  
  <p><a href="https://stackoverflow.com/questions/30634615/how-to-disable-sorting-on-specific-column-while-searching-is-functional">Disable sorting for column (weird array solution)</a></p>
  
  <p><a href="https://stackoverflow.com/questions/32717772/jquery-table-column-search-filter">Table column search filter</a></p>