Como remover as bordas de uma Tabela?

Front-end
, ,
#1

Estou fazendo a parte FrontEnd de um projeto, e apenas falta um detalhe em uma tabela. Como posso remover essas linhas?

print
print1577×465 88.4 KB

Já utilizei a tag (border-collapse: collapse;) e esse é o código da tabela com css:

 <div className="listagem">
                    <table className="listaGanhos" id="tblListaGanhos">
                        <thead>
                            <tr className="cabecTabela">
                                <th className="tabTituloNome" id='tab'>Nome do Ativo</th>
                                <th className="tabTituloValor" id='tab'>Valor do Ativo</th>
                            </tr>
                        </thead>

                        <tbody>
                            {this.state.lista.map(
                                (ganho) =>
                                    <tr key={ganho.id}>
                                        <td id='nomeGanho'>{ganho.nomeGanho}</td>
                                        <td id='valorGanho'>R$ {ganho.valorGanho.toFixed(2)}</td>
                                        <td id='editButton'>
                                            <div className="edit-button" onClick={() => this.carregar(ganho)}>
                                                <img src={editButton} alt="Editar" />
                                            </div>
                                        </td>
                                        <td id='deleteButton'>
                                            <div className="delete-button" onClick={() => this.remover(ganho)}>
                                                <img src={deleteButton} alt="Deletar" />
                                            </div>
                                        </td>
                                    </tr>
                            )}
                        </tbody>
                    </table>
                </div>

css:

.cabecTabela {
  position: relative;
  text-align: left;
  left: 2%;
}

.listaGanhos {
  position: relative;
  left: -9.36%;
  width: 118.8%;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  overflow: hidden;
  border-collapse: collapse;
  border: 0;
}

.tabTituloNome {
  padding: 4px;
}

td#nomeGanho {
  width: 50%;
  padding-left: 23px;
}

td#valorGanho {
  padding-left: 23px;
}

tbody {
  border-collapse: collapse;
  border: 0;
}

.listaGanhos tbody tr {
  height: 45px;
  color: #808080;
  background-color: #ffffff;
}

.listaGanhos tbody tr:hover>td {
  background-color: rgb(245, 245, 245);
  color: #555555;
}

.listaGanhos tbody tr:nth-child(odd) {
  background-color: rgb(245, 245, 245);
}