2013-03-12 14 views
6

Güncelleme durdurmak mozilada ince ve diğer bir deyişle kromda değilTablo sınır sorunu, ardından inci, <code>position: relative:</code> td kullanılarak

jsfiddle here

HTML

<table> 
    <tr> 
     <th>id</th> 
     <th>name</th> 
     <th>city</th> 
    </tr> 
     <tr class="person"> 
     <td>1</td> 
     <td>abc</td> 
     <td>abc</td> 
    </tr> 
     <tr class="person"> 
     <td>2</td> 
     <td>xyz</td> 
     <td>xyz</td> 
    </tr> 
</table> 

CSS

table{ 
    border-collapse : collapse; 
} 

td, th{ 
    border : 1px solid #000; 
    padding : 5px 20px; 
} 

th{ 
    background-color : #f3f3f3; 
} 

.drag { 
    background-color : #f3f3f3; 
    height : 20px; 
    width : 100px; 
} 

JS

$('.person').draggable({ 
    helper : function(){ 
     return $('<div class="drag">Drag me</div>') 
    }, 
    cursor : 'crosshair', 
    cursorAt : {left : 50}, 
    start : function(){ 
     $(this).hide(); 
    }, 
    stop : function(){ 
      $(this).show(); 
    } 
}); 

cevap

1

Tablo css'den border collapse kaldırılması hile yapmış gibi görünüyor. http://jsfiddle.net/YTZrj/1/

+0

çalışmıyor. –

+0

Yalnızca Chrome'da ve benim çalışmamda kontrol ettim, alt kenarlık iyi görünüyor – zdesam

0
table {border-collapse:separate;} 

de

table{ 
     /* border-collapse : collapse */ 
} 

Kontrol dışarı tablo görünümünde bazı değişiklikler yapacak ama artık bu soruna neden olmaz. Çalışmıyor.

http://jsfiddle.net/YTZrj/4/