tengo una tabla y con jquery y js se agregan td de ser necesarios para la tabla ya que es una especie de factura que llena el usuario, requiero que cuando se agrega la otra td imprima en la td el boton que le dara click para mostrar la modal y cargar otros gastos que requiera llenar en la plantilla
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
// Obtenemos el numero de filas (td) que tiene la primera columna
// (tr) del id "tabla"
var tds=$("#tabla tr:last td").length;
var trs=$("#tabla tr").length;
var nuevaFila="<tr>";
for(var i=0;i<tds;i++){
nuevaFila+="<td> </td>";
}
nuevaFila+="</tr>";
$("#tabla").append(nuevaFila);
});
$("#del").click(function(){
var trs=$("#tabla tr").length;
if(trs>1)
{
$("#tabla tr:last").remove();
}
});
});
</script>
<div class="panel-body">
<div class="table-responsive">
<table id="tabla" class="table table-bordered table-hover" >
<thead>
<tr>
<th>ID Gasto</th>
<th>Descripción </th>
<th>Monto General</th>
<th >Opciones</th>
</tr>
</thead>
<tbody id="tbody">
<?php
require_once('./conexion.php');
$sql = "SELECT * FROM gasto_g";
$res = mysqli_query($conexion,$sql);
while($resultado = mysqli_fetch_array($res)){
?>
<tr>
<td><?php echo $resultado['id_gasto_g']; ?></td>
<td><?php echo $resultado['descripcion']; ?></td>
<td><?php echo $resultado['monto']; ?></td>
<td>
<button type="button"
data-id=<?php echo $resultado['id_gasto_g']; ?>
data-descripcion= <?php echo $resultado['descripcion']; ?>
data-monto=<?php echo $resultado['monto']; ?>
data-toggle='modal' data-target="#registro" class='btn btn-primary btn-sm'>
<i class="fa fa-pencil"></i>
</button>
</td>
</tr>
nuevaFila+="</tr>";
?