Como estan, se me da el tema de css, pero batallo un poco con lo demas, veran por cada insert que hago a la base de datos, al imprimir mi reporte se crea un boton, al presionarlo me lleva a otro form, pero en el momento se deshabilita para que no puedan volver a modificar el registro, el estado de deshabilitado lo guardo en localStorage, pero como sabran tiene la limitante de ser temporal, a parte solo la pc que hizo clic puede verlo, quisiera ver si es posible guardarlo en una tabla, como comente soy un poco paleto para esa parte, espero alguien pueda ayudarme, dejo lo que tengo actualmente:
<?php
<td style=''><a href='../herramientas/devolver-editar-herramientas2.php?folio=".$fila["folioProducto"]."'><button type='submit' id='btn".$fila['id']."' class='btn'>devolver</button></a></td>
?>
<script>
const btns = document.querySelectorAll('.btn');
const getBtnState = function (btns) {
[].forEach.call(btns, function(btn) {
if (window.localStorage.getItem(btn.id) == 'disabled') {
btn.disabled = true
}
});
};
[].forEach.call(btns, function(btn) {
btn.addEventListener('click', function (e) {
btn.disabled = true
window.localStorage.setItem(btn.id, 'disabled')
})
});
getBtnState(btns);
</script>