Tengo una tabla con 5 celdas cada una mide 10 px de ancho y un div en la primer celda el cual quiero extender hasta la ultima celda, la opcion grid de esta libreria la tengo que cresca cada 10 px, pero al llegar a la ultima celda el div no mide los 50 px que debe de medir si no disminuyo su tamaño y no encuentro cual es el problema.
Esta es mi pequeña funcion:
Código:
$("#days-table tbody tr td").on("mousedown", function(event){
var celdaInicio = $(this).attr("id");
if(!$("#"+celdaInicio+" .newReserva").length){
var anchoFinal;
var anchoTabla = $("#days-table").width();
if(anchoTabla == 818){
var border = 2;
}else if(anchoTabla == 819){
var border = 3;
}
var anchoCelda = Math.floor(anchoTabla / totalDias) - border;
var gridCelda = anchoCelda + border;
$("#"+celdaInicio).append("<div style=\'width:"+anchoCelda+"px\' class=\'newReserva\'><span title=\'Eliminar reservación\' onclick=\'borrarReservacion(\""+celdaInicio+"\")\' class=\'eliminar\'></span><span class=\'resizeDiv\'></span></div>");
$(".newReserva").resizable
({
grid: gridCelda,
minWidth: anchoCelda,
maxWidth: anchoTabla,
create: function(event, ui){
anchoFinal = $(this).width();
agregarReserva(anchoFinal,anchoCelda,celdaInicio);
},
stop: function(event, ui){
anchoFinal = $(this).width();
agregarReserva(anchoFinal,anchoCelda,celdaInicio);
}
});
}
});
Espero me puedan ayudar


