la verdad estoy bastante perdida con esto de las tablas y JavaScript, lo que deseo saber es como ingresar o mejor dicho crear filas a una tabla creada con Boostrap, y a la vez ingresarle ciertos datos. La estructura de las filas a crear seria esta;
<tr>
<th scope="row">dato</th>
<td>dato</td>
<td>dato</td>
<td>dato</td>
</tr>
dejo el codigo de la tabla estandar de boostrap a la cual requiero hacerle el ingreso de filas y a la vez datos.
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">cal 1</th>
<th scope="col">cal 2</th>
<th scope="col">cal 3</th>
<th scope="col">cal 4</th>
</tr>
</thead>
<tbody>
<!-- aqui ingresar las filas -->
</tbody>
</table>