title: KTDatatables - Search within a column that has a template
body: <p>I'm trying to use a search dropdown and it doesn't seem to work if it searches for a column that has a template on it. Also trying other types of input other than select but still to no avail. I've been trying to replicate what the demo file is doing and is still failing without any error from the console.</p>
  <p>Here's my attempt:</p>
  <pre><code>$('#dashboard_import_shipments').KTDatatable({
            // snipped data
            columns: [
                {
                    field: &quot;status&quot;,
                    title: &quot;Status&quot;,
                    template: function(t) {
                        var a = {
                            1: {
                                title: &quot;In-Transit&quot;,
                                class: &quot; label-primary&quot;
                            }
  
                            ,
                            2: {
                                title: &quot;Docked&quot;,
                                class: &quot; label-warning&quot;
                            }
  
                            ,
                            3: {
                                title: &quot;For GR# Processing&quot;,
                                class: &quot; label-light-success&quot;
                            }
  
                            ,
                            4: {
                                title: &quot;Completed&quot;,
                                class: &quot; label-success&quot;
                            }
  
                            ,
                            5: {
                                title: &quot;Cancelled&quot;,
                                class: &quot; label-danger&quot;
                            }
                        };
                        return '&lt;span class=&quot;label font-weight-bold label-lg ' + a[t.status].class + ' label-inline&quot;&gt;' + a[t.status].title + &quot;&lt;/span&gt;&quot;
                    }
                },
            ]    
        }),
        $(&quot;#search_shipment_status&quot;).on(&quot;change&quot;, (function() {
            dashboardImportShipments.search($(this).val(), &quot;status&quot;);
        }))
      }
  };
  
  &lt;select id=&quot;search_shipment_status&quot; class=&quot;form-control selectpicker&quot; title=&quot;Select Status&quot;&gt;
      &lt;option value=&quot;1&quot;&gt;In-Transit&lt;/option&gt;
      &lt;option value=&quot;2&quot;&gt;Docked&lt;/option&gt;
      &lt;option value=&quot;3&quot;&gt;For GR# Processing&lt;/option&gt;
      &lt;option value=&quot;4&quot;&gt;Completed&lt;/option&gt;
      &lt;option value=&quot;5&quot;&gt;Cancelled&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>