从页面打印仅HTML表格

Question

我有一个页面上有很多元素 - 按钮，瓷砖，表格，列表等。我想在我点击打印按钮时只打印一个HTML表格....我需要要通过css和html执行此操作，有什么方法可以实现此目的？我有以下内容，但这会打印整个页面：

CSS

 <style media="screen">
    .noPrint {
        display: block;
    }

    .yesPrint {
        display: block !important;
    }
</style>

<style media="print">
    .noPrint {
        display: none;
    }

    .yesPrint {
        display: block !important;
    }
</style>

HTML

<div class="table-responsive yesPrint">
      <table class="table table-striped table-bordered table-hover">
             <thead>
                 <tr>
                    <th style="text-align: left; font-size: 15px;">Number</th>
                    <th style="text-align: left; font-size: 15px;">Caller</th>
                    <th style="text-align: left; font-size: 15px;">Description</th>
                  </tr>
                  </thead>
                     <tbody>
                        <tr>
                           <td style="text-align: left; font-size: 13px;">Number</td>
                           <td style="text-align: left; font-size: 13px;">Name</td>
                           <td style="text-align: left; font-size: 13px;">Here is the short description</td>
                        </tr>
                     </tbody>
        </table>
        <input type="button" onclick="window.print()"/>
</div>