1 celda de tabla extra cuando se descarta una fila con ordenable jQueryUI (pero solo Chrome)

Tengo una aplicación que usa jQuery, jQuery UI y Backbone.js. Recientemente se ha desarrollado un error en el que una fila en la tabla cuando se descarta (jQue se puede ordenar) una fila diferente a veces cambiará sobre una fila como si hubiera una celda extra, pero luego de la inspección no hay ninguna. Acabo de señalar que esto solo ocurre en Chrome, Chromium y ChromeFrame.1 celda de tabla extra cuando se descarta una fila con ordenable jQueryUI (pero solo Chrome)

Aquí está una captura de pantalla de la zona del problema: http://img208.imageshack.us/img208/6870/screenshotkz.png

Aquí está una captura de pantalla del HTML en la interfaz de la inspección de Chrome: http://img16.imageshack.us/img16/6985/screenshot1wdo.png También he copiado el código HTML siguiente:

<tr id="17052151" class="wo"> 
<td>17052151</td> 
<td>XXXXXXXXXXX</td> 
<td>XXXXXXXXXXXXX</td> 
<td>Parts Here</td> 
<td>RR</td> 
<td>10/28/11</td> 
<td>10/28/11</td> 
<td>10</td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr> 
<tr id="10097756" class="wo"> 
<td>10097756</td> 
<td>XXXXXXXXXXXX</td> 
<td>XXXXX</td> 
<td>Parts Here</td> 
<td>NIS</td> 
<td>10/04/11</td> 
<td>10/28/11</td> 
<td>10</td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr> 
<tr id="10095965" class="wo"> 
<td>10095965</td> 
<td>XXXXXXXX</td> 
<td>XXXXXXXXXXXXXXXX</td> 
<td>Parts Here</td> 
<td>NIS</td> 
<td>09/16/11</td> 
<td>10/10/11</td> 
<td></td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr>

Desde este problema no ocurre en Firefox o IE8. Creo que podría ser un error de Chrome, pero quería ver si alguien más había experimentado este problema antes.

EDITAR he encontrado que llamar a la función .render() de mi elemento opinión de que el problema se produce en corrige este problema.

Fuente

2011-10-28 Jason

trata de un error de cromo, pero no he encontrado la manera de solucionarlo. la sugerencia más común es hacer algo que provoque un redibujado de la página. –

Debe incluir el CSS antes de obtener más ayuda. Aquí está el violín básico, agregue el CSS relevante (y JS/HTML, si corresponde): http://jsfiddle.net/cZ4n4/ –

@RobW http://jsfiddle.net/cZ4n4/2/ Lo mismo sucede cuando están ordenando las filas en lugar de las columnas, solo, verticalmente –

Tal vez estoy totalmente perdido su punto, pero podría aclarar: ¿Quiere que toda la fila sea ordenable, lo que significa que la fila 1, la fila 2 y la fila 3 son intercambiables arrastrando?

Si ese fuera el caso, realmente harías que el tbody fuera ordenable, no el tr; aplicar lo ordenable al tr es lo que causa un comportamiento extraño aquí, ya que jqueryui intenta hacer que los contenidos del tr se puedan ordenar, lo que resulta tremendamente malo. Para ordenar las filas, convierta el tbody en ordenable, de modo que intente ordenar las filas de la tabla.

http://jsfiddle.net/cZ4n4/10/

Fuente

2011-12-09 19:13:04 kontur

1 celda de tabla extra cuando se descarta una fila con ordenable jQueryUI (pero solo Chrome)

Respuesta

Cuestiones relacionadas