JSFiddle - React, Tailwind, and code Playground

by Marcelo Aymone

HTML

<div class="container">
    <div class="row">
        <form class="form-inline" role="form">
            <div class="form-group">
                <input type="text" class="form-control" id="txtPesquisar" name="Pesquisar" placeholder="Entre com um email"/>
            </div>
            <div class="form-group">
                <input id="btnGravarCadastro" type="button" class="btn btn-success" value="Pesquisar" onclick=" return carregaGrid();" />
            </div>
        </form>
    </div>
    <div class="row">
        <div id="tabela">
            <table class="table table-hover table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Nome</th>
                        <th>E-mail</th>
                        <th>Endereço</th>
                        <th>Bairro</th>
                        <th>Cidade</th>
                        <th>Estado</th>
                        <th>Telefone</th>
                        <th>Celular</th>
                    </tr>
                </thead>
                <tbody id="tbcadastro">

                </tbody>
            </table>
        </div>
    </div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.row{  
    margin-top:10px;
}