how to align the td of a bootstrap table

0

Dear friends, I have a data table loaded from a javascript function ... it contains the following:

html+="<table class='table table-hover table-striped table-responsive'>";
html+="<thead><td class='tamano_celda_th'>FECHA</td><td>ESTADO</td><td>NOTA</td><td class='text-center'><a href='#' onclick='mostrar_agregar_nota("+estado_actual+", "+organizacion+",\"" + estado + "\", \"" + color + "\", "+0+")' data-toggle='tooltip' data-placement='top' class='btn btn-primary btn-round btn-fab btn-fab-mini' title='Agregar Nota'><i class='material-icons'>add_comment</i></a></td></thead>";
html+="<tbody>";
for(var i in datos){
    for(var j in datos[i]){
        html+="<tr><td><b class='text-primary'>"+datos[i][j][6]+"</b></td><td><span class='label' style='background:"+datos[i][j][7]+"'>"+datos[i][j][3]+"</span></td><td>"+datos[i][j][4]+"</td><td><a href='#' class='btn btn-simple btn-success' onclick='mostrar_agregar_nota("+estado_actual+", "+organizacion+",\"" + estado + "\", \"" + color + "\", "+datos[i][j][0]+")'><i class='material-icons'>edit</i></a><a href='#' class='btn btn-simple btn-danger' onclick='eliminar_nota("+datos[i][j][0]+")'><i class='material-icons'>delete</i></a></td></tr>";
    }
}
html+="</tbody>";
html+="</table>";

It turns out that I can not align the last <td> that is inside the iteration for, it is aligned vertically and I want it to align horizontally.

Thanks for your time.

    
asked by Rafa 30.10.2018 в 19:28
source

1 answer

0

Try it by adding this css:

.btn.btn-simple {
    display: inline-block;
}
    
answered by 30.10.2018 в 19:32