title: Remove Second Clear Button in Kendo-grid Row Filter
body: <p>Starting with Kendo-UI 2017, I've noticed that the row filter now shows two "x" buttons to clear the filter (one inside the text box and one to the right of the text box).  Why are there two rather than only one like in the older versions?  More importantly, 
  is there a setting to remove the clear button from inside the text box without resorting to using CSS?</p>
  
  <p><a href="https://i.stack.imgur.com/HqNrz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HqNrz.png" alt="two &quot;clear&quot; buttons"></a>
  <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>$("#grid").kendoGrid({
      columns: [
          {
              field: "name",
              filterable: {
                  cell: {
                      showOperators: false,
                      operator: "contains"
                  }
              }
          },
          { field: "age", filterable: false }],
      filterable: { mode: "row" },
      dataSource: [{ name: "Jane", age: 30 }, { name: "John", age: 33 }]
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;link href="//kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css" rel="stylesheet" /&gt;
  &lt;link href="//kendo.cdn.telerik.com/2017.1.118/styles/kendo.bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;script src="//kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"&gt;&lt;/script&gt;
  
  &lt;div id="grid"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>