I have a table. At the bottom of the search columns, I put a text box. See in this link: https://jsfiddle.net/rm1pt3Lz/
my code is:
<table cellspacing="0" cellpadding="0" id=cnttable>
<thead>
<tr>
<th style="width:36%;text-align:left;font-size:17px;">
<div>
Select
</div>
<div>
<input type="checkbox"/>
</div>
</th>
<th style="width:20%;text-align:left;font-size:17px;">
<div>
Designation
</div>
<div>
<input id="x2" type="text" style="padding:5px"/>
</div>
</th>
<th style="width:15%;text-align:left;font-size:17px;">
<div>
<a href="google.com">Mobile</a>
</div>
<div>
<input id="x3" type="text" style="padding:5px"/>
</div>
</th>
<th style="width:24%;text-align:left;font-size:17px;">Operation
<div>
</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>text1</td>
<td>0052522222</td>
<td></td>
</tr>
<tr>
<td></td>
<td>text2</td>
<td>00525227652</td>
<td></td>
</tr>
</tbody>
</table>