table stilesheet

style.css

.table{
  width: 90%;
  margin-top: 20px;
  border-spacing: 0;
  background: #ffffff;
  .table_head{
     td{
       border-bottom: 3px solid #6678B1;
       text-align: left;
       font-size: 15px;
       font-weight: normal;
       color: #039;
       padding: 10px 8px;
     }
  }
  .table_body{
    color: #669;
    &:hover{
      background: #002E74;
      color: #ffffff;
      a{
        color: #ffffff;
        &:hover{
          text-decoration: underline;
        }
      }
    }
    td{
      border-bottom: 1px solid #CCC;
      padding: 6px 8px;
      a{
        text-decoration: none;
        color: #669;
      }
    }
  }
}

view.html.erb

<table class="table">
  <tr class="table_head">
    <td>Numero de Producto</td>
    <td>Producto</td>
    <td>Saldo</td>
    <td>Valor couta</td>
  </tr>
  <% @portafolio.each do |portafolio| %>
  <tr class="table_body">
    <td><%= portafolio.nro_producto %></td>
    <td><%= link_to @productos[@i].nombre, "/operaciones/#{portafolio.nro_producto}" %></td>
    <td><%= number_to_currency(portafolio.saldo_actual) %></td>
    <td><%= number_to_currency(portafolio.cuota) %></td>
  </tr>
  <% end %>
</table>