Question

我有一条习俗路线申请,从 go光地图上获取信息。然后,它创建了谷歌视觉化数据,以掌握路线上的所有步骤。

我目前的问题是,为了减少大路线的过度流入,我得以利用数据表的选择。这导致一个不便于印刷的版本,因为只有表格所列数据的部分将印发。表格的其余部分在你点击前和下点时,由A森特有力装载。

难道没有如此难以使数据易于打印,而现在却又不牺牲能够使信息传播成为可能?

Answer 1

这是我结束解决这一问题的方法。我不会接受我自己的回答,因为如果有人有更强的leg。

最初,我曾:

var visualization = new google.visualization.Table(document.getElementById( table ));
visualization.draw(data, {
    sort: "disable",
    allowHtml: true,
    showRowNumber: true,
    page: "enable",
    pageSize: 9
});

我再说一遍,我会躲藏起来。

//Create a second Visualization that Will be hidden.
   var visualization = new google.visualization.Table(document.getElementById( printerFriendly ));
visualization.draw(data, {
    sort: "disable",
    allowHtml: true,
    showRowNumber: true,
    page: "disable"
});

随后,我又在我的档案中增加了以下规则。

 @media print  
    {
        #table{ display:none; }
    }
 @media screen
    {
         #printerFriendly{ display:none;}
    }

这在正常使用期间隐藏了一张桌子,在印刷过程中隐藏着另一个桌子。我所希望的一点比这更清洁,但这一解决办法非常容易执行。

Answer 2

你可以采取几种办法。

如果为了使“印本”网页的“方便”而需要作的改动能够完全通过改变安全局的束缚,那么,你们都需要做的是,在印刷媒体上添加另一个风格:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

这样做非常容易和透明:印刷媒体风格表将用来印刷,而你的原风格表将被用于网上浏览。

因此,你可以改变展示的东西的方式,甚至引人瞩目,看它是否在网上或印刷上看到,这应当使你能够到需要的地方去。

我不熟悉你所做的事,但像用户一样,对每一页都提出新的要求。

你们要么必须在一页(仅部分看不见)上提供信息,要么在照片上设置功能,要么选择,等等,从而产生一种便于印刷的版本。

Answer 3

@media print 
   {
      #table > div > div { overflow: visible !important; }
   }

这将解决你的问题。

Explain: 2 nd div below #id used to create table have overflow: auto. This lead to fit info in this block. Changing it to overflow: visible will lead to show it content. Check how it works on developer.mozilla.org/en-US/docs/Web/CSS/overflow

友情链接