Que tal amigos tengo estos codigos de barras, pero necesito que el nombre del producto quede arriba y el precio abajo de manera centrada, he intentado con <br>
\n
y nada,
agradeceria mucho su ayuda.
Este es el codigo:
$(document).on("click",".btn-view-barcode", function(){
codigo_barra = $(this).val();
nombre = $(this).closest("tr").find("td:eq(3)").text();
precio = $(this).closest("tr").find("td:eq(6)").text();
cantidad = $(this).closest("tr").find("td:eq(9)").text();
html = "<div class='row'>";
for (var i = 1; i <= Number(cantidad); i++) {
html += "<div class='col-xs-6'>";
html += nombre;
html += "$. " +precio;
html += "<svg id='barcode"+i+"'></svg>";
html += "</div>";
}
html += "</div>";
$("#modal-barcode .modal-body").html(html);
for (var i = 1; i <= Number(cantidad); i++) {
JsBarcode("#barcode"+i, codigo_barra, {
displayValue: true,
height: 65,
width: 1.3,
fontsize: 4,
// textPosition: "bottom",
// textAlign: "center",
// textMargin: 0.5,
format: "EAN13",
lineColor: "#000000",
//marginLeft: 1,
});
}
});
Y estos los codigos de barra:
Estos son los resultados cortesia de @dTobon