title: Add thead row to Antd table component
body: <h3>I would like to add another row in Antd table component, so it will look like this:</h3>
  <p><a href="https://i.stack.imgur.com/gS2DA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gS2DA.png" alt="enter image description here" /></a></p>
  <p>I cannot add the row as a <code>&lt;tbody&gt;</code> row since it will get filtered and sorted with the rest of the data. I would like it to be an external part of the table's data.</p>
  <p>Placing the inputs within the already existing <code>&lt;th&gt;</code> cells is far from a satisfying solution because I would need to hack the CSS quite a lot to make it work, and loose some LESS variables along the way.</p>
  <h3>This is my current try, with form elements inside the first <code>thead &gt; th</code></h3>
  <p><a href="https://i.stack.imgur.com/IUU5W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IUU5W.png" alt="enter image description here" /></a></p>
  <p>To keep the background on the form row only, I would need to have it separated from the first (and only) thead's <code>&lt;tr&gt;</code> element to it's own &quot;custom&quot; row.</p>
  <p>Does anyone have an idea how implement this design with Antd <code>&lt;Table&gt;</code> ?</p>
  <hr />
  <h3>I would like the end-result to look like this: (modified via <em>inspector</em>)</h3>
  <p><a href="https://i.stack.imgur.com/tboks.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tboks.png" alt="enter image description here" /></a></p>