2013-05-30 52 views
1

當我雙擊一個單元格時,它會選擇該單元格的內容(好的),但也會選中它右側的單元格。雙擊表格:不要選擇其他單元格

Example

我的TD所浮動:

#addresstable td{ 
    float: left; 
    width: 125px; 
} 

我已經試過應用沒有選擇CSS規則的標籤,但是電池仍然與複製的文本選擇:/

我該如何做到這一點,當我雙擊地址,它只選擇地址而不是標籤?

整個代碼(從Chrome中檢查元素):

<table id="addresstable" class="table table-bordered"> 
<tbody><tr class="hidden-phone gradient"><td><strong>Address</strong></td><td>Label</td><td>Actions</td></tr> 
<tr><td class="small">mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K</td><td><span class="addresslabel noselect" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K">Default</span></td><td><a href="javascript:;" class="editaddresslabel btn" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K"><i class="icon-pencil"></i> Label</a> <a href="javascript:;" class="qrcode btn" data-address="mncFbqoSgv8nEM1nREGTtS6qNwLRYkjV8K" data-original-title=""><i class="icon-qrcode"></i></a></td></tr> 
</tbody></table> 
+0

我們可以看到整個html表的代碼嗎? – Micah

回答

2

您可能希望確保良好,形成你的HTML。我內置的加價這裏舉例:

http://jsfiddle.net/mchail/fXfsC/1

<table> 
    <thead> 
     <tr> 
      <td> 
       Address 
      </td> 
      <td> 
       Label 
      </td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td> 
       lkjsdflkjsdflkjsdflkjsdfl     
      </td> 
      <td> 
       Default 
      </td> 
     </tr> 
    </tbody> 
</table> 

當我雙擊地址TD,只選擇TD。如果您在驗證標記後仍然遇到問題,請發佈您的代碼,我會看一看。

+0

我討厭'border-collapse:separate'。它使表格看起來很奇怪。 – Sourabh

+0

我已經發布了源代碼。提前致謝! – apscience

相關問題