Help me with implementing ion-scroll on html table


#1

Here is my code:

<div id="efectos_cobro_uno" class="tableOuter">
  <table>
    <thead>
      <tr>
        <th>Factura</th>
        <th>Importe</th>
        <th>Fecha_Vto</th>
      </tr>
    </thead>
    <ion-scroll zooming="false" direction="y" style="height: 80px;">
    <tbody>
      <tr ng-repeat="row in tabla_uno">
        <td>{{ row.factura }}</td>
        <td>{{ row.importe }}</td>
        <td>{{ row.fecha_vto }}</td>
      </tr>
    </tbody>
    </ion-scroll>
  </table>
</div>

The ion-scroll lines of code are creating extra space above the table with height of 80px.

My goal is to have this table scrollable because later I export it to Excel file to send it by email. Doing this table with div’s makes scrolling work well but the data is not properly exported to Excel file.

Thanks to all!