Agregar cuadros de texto para búsqueda dentro de una tabla html php

Tengo una tabla y quiero agregarle una fila para hacer búsquedas por cada campo, algo así:

¿Cómo puedo hacer eso?

Este es mi código:

<div class="datagrid">
    <table>
        <thead>
        <tr style="height: 30px;">
            <th>ID</th>
            <th>Código</th>
            <th>Sitio</th>
            <th>Departamento</th>
            <th>Provincia</th>
            <th>Distrito</th>
            <th>Tipo</th>
            <th>Contrata</th>
            <th>Clase</th>
            <th>Dirección</th>
            <th>Estado</th>
        </tr>
        <tfoot>
            <tr>
            <td colspan="11">
                <div id="paging">
                <ul>
                    <li><a href="#"><span>Previous</span></a></li>
                    <li><a href="#" class="active"><span>1</span></a></li>
                    <li><a href="#"><span>2</span></a></li>
                    <li><a href="#"><span>3</span></a></li>
                    <li><a href="#"><span>Next</span></a></li>
                    </ul>
                </div>
            </tr>
        </tfoot>
        <tbody>
            <?php while($rs = $resultado2->fetch_assoc()) { ?>
            <tr>
            <td width="0"><?php echo $rs['idSitio'] ?></td>
            <td width="0"><?php echo $rs['codigo'] ?></td>
            <td width="100"><?php echo $rs['sitio'] ?></td>
            <td><?php echo $rs['departamento'] ?></td>
            <td><?php echo $rs['provincia'] ?></td>
            <td width="110"><?php echo $rs['distrito'] ?></td>
            <td width="0"><?php echo $rs['tipo'] ?></td>
            <td width="0"><?php echo $rs['contrata'] ?></td>
            <td width="0"><?php echo $rs['clase'] ?></td>
            <td width="400"><?php echo $rs['direccion'] ?></td>
            <td width="0"><?php echo $rs['estado'] ?></td>
            </tr>
            <?php } ?>
        </tbody>
      </table>
</div>

Añade tu respuesta

Haz clic para o