Question

这是我的数据表代码：

<script type="text/javascript">
  $(document).ready(function() {
    $('#records').DataTable({
      "scrollX": true,
      "bLengthChange":   false
    });
});

我要打印的表格结构：

<div style="height: auto;margin-top: 20px;"  media="print" id="prints">
  <table id="records" class="table table-striped table-bordered" width="100%" cellspacing="0">
    <thead>
     <tr class="head-colr">
        <th>sas</th>
        <th>ad</th>
        <th>ds</th>
        <th>sd</th>
        <th>we</th>
        <th>vd</th>
        <th>dsd</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>davsfvd</td>
        <td>dsdasdsa</td>
        <td>sdsadsdsa</td>
        <td>sdsdsa</td>
        <td>sdsasa</td>
        <td>sdsdsa</td>
        <td>dsads</td>
      </tr>
      @endforeach
    </tbody>
  </table>
</div>

打印数据的功能：如何在此处管理打印结果的字体大小

<script type="text/javascript">
  function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;

     window.print();

     document.body.innerHTML = originalContents;
}
</script>

使用这个我可以打印数据表数据，但是滚动数据不知道如何管理它或如何控制打印数据的字体..

我想要整个数据表数据但在我的情况下它不显示打印文档上的滚动数据如何为此创建javascript代码或字体。

Answer 1

你真的不应该将媒体/样式属性放在标签中，除了气馁之外，它对你自己最好，并且将来可以保持代码分离问题和使用外部样式表。当你的代码变得更复杂时，除非你想生气，否则当然; - ）

所以，如果你有一个＆＃34;泛型＆＃34;它会更好。 HTML中的普通表格，然后根据您想要的屏幕或打印方式对其进行样式设置。管理字体和其他所有打印等的最佳方法是使用媒体查询，为不同的设备定义不同的css规则。

以下是Mozilla Dev Net的快速介绍：

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

https://developer.mozilla.org/en-US/docs/Web/CSS/@media

W3C自己的规范： https://www.w3.org/TR/css3-mediaqueries/

从数据表滚动数据不显示在打印文档上

1 个答案: