使用jQuery的html表格預覽

Question

我有一個html表格，我想在按鈕點擊的彈出窗口中顯示該表格的預覽，我搜索了互聯網並找到了一個插件，但它不合適。請指導我如何使用jQuery或其他方式預覽表格內容？

LINK我發現：

http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/

HTML表

<table> 
    <tr> 
    <th>Part</th> 
    <th>ID</th> 
    </tr> 
    <tr> 
    <td>New part</td> 
    <td>231134</td> 
    </tr> 
    <tr> 
    <td>New part</td> 
    <td>231134</td> 
    </tr> 
</table> 

Answer 1

您可以克隆上點擊表格內容或懸停，並確保克隆擴展到你的小懸停元素。這是jQuery UI的一個非常粗糙的切割。

$('table').on('click', function(e){ 
    e.preventDefault(); 
    var clone = $(this).clone(); 
    $("#popup").dialog({ 
     open: function(event, ui) { 
      $(this).html(clone); 
     } 
    }); 
}); 

http://jsfiddle.net/hg9NJ/