javascript - 使用 jquery 的 html 表格预览

Question

我有一个 html 表格，我想在单击按钮时在弹出窗口中预览该表格显示，我搜索了互联网并找到了一个插件，但它不合适。请指导我如何使用 jquery 或其他任何方式预览表格内容？

我找到的链接:

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/