Javascript 打印分页表格（flaviusmatis提供的simplePagination.js）

var搜索；
var searchdiv=$（“#searchdiv”）；
每页var=3；
searchdiv.pagination({
每页，
cssStyle：“灯光主题”，
onPageClick:功能（页码）{
var showFrom=每页*（页码-1）；
var showTo=showFrom+每页；
search.hide（）
.slice（showFrom，showTo）.show（）；
}
});
函数updateItems（）{
搜索=$（“.geoname”）；
searchdiv.pagination（“updateItems”，search.length）；
var page=Math.min(
searchdiv.分页（“getCurrentPage”），
searchdiv.分页（“GetPageScont”）
);
searchdiv.分页（“选择页面”，第页）；
}
updateItems（）；
var geo={
“地理名称”：[{
“液化天然气”：-99.12766456604，
“大地水准面”：3530597，
“国家代码”：“MX”，
“名称”：“Mexiko Stadt”，
“fclName”：“城市、村庄，…”，
“地名名称”：“墨西哥城”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“en.wikipedia.org/wiki/Mexico_City”，
“lat”：19.428472427036，
“fcl”：“P”，
“人口”：12294193，
“fcode”：“PPLC”
}, {
“液化天然气”：116.397228240967，
“大地水准面”：1816670，
“国家代码”：“CN”，
“姓名”：“北京”，
“fclName”：“城市、村庄，…”，
“地名名称”：“北京”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“en.wikipedia.org/wiki/Beijing”，
“lat”：39.9074977414405，
“fcl”：“P”，
“人口”：11716620，
“fcode”：“PPLC”
}, {
“液化天然气”：120.9822，
“大地水准面”：1701668，
“国家代码”：“PH”，
“名称”：“马尼拉”，
“fclName”：“城市、村庄，…”，
“地名名称”：“马尼拉”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“en.wikipedia.org/wiki/Manila”，
“lat”：14.6042，
“fcl”：“P”，
“人口”：10444527，
“fcode”：“PPLC”
}, {
“液化天然气”：90.40743827819824，
“大地水准面”：1185241，
“国家代码”：“BD”，
“名称”：“达卡”，
“fclName”：“城市、村庄，…”，
“地名名称”：“达卡”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“en.wikipedia.org/wiki/Dhaka”，
“lat”：23.710395616597037，
“fcl”：“P”，
“人口”：10356500，
“fcode”：“PPLC”
}, {
“液化天然气”：126.9784，
“大地水准面”：1835848，
“国家代码”：“KR”，
“姓名”：“首尔”，
“fclName”：“城市、村庄，…”，
“地名名称”：“首尔”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“en.wikipedia.org/wiki/Seoul”，
“lat”：37.566，
“fcl”：“P”，
“人口”：10349312，
“fcode”：“PPLC”
}, {
“液化天然气”：106.84513092041016，
“大地水准面”：1642911，
“国家代码”：“ID”，
“名称”：“雅加达”，
“fclName”：“城市、村庄，…”，
“地名名称”：“雅加达”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“en.wikipedia.org/wiki/Jakarta”，
“lat”：-6.214623197035775，
“fcl”：“P”，
“人口”：8540121，
“fcode”：“PPLC”
}, {
“液化天然气”：139.69171，
“大地水准面”：1850147，
“国家代码”：“JP”，
“名称”：“东京”，
“fclName”：“城市、村庄，…”，
“地名名称”：“东京”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“de.wikipedia.org/wiki/Tokyo”，
“lat”：35.6895，
“fcl”：“P”，
“人口”：8336599，
“fcode”：“PPLC”
}, {
“液化天然气”：121.531846，
“大地水准面”：1668341，
“国家代码”：“TW”，
“姓名”：“大埔”，
“fclName”：“城市、村庄，…”，
“地名名称”：“台北”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“de.wikipedia.org/wiki/Taipei”，
“lat”：25.047763，
“fcl”：“P”，
“人口”：7871900，
“fcode”：“PPLC”
}, {
“液化天然气”：-74.08175468444824，
“大地水准面”：3688689，
“国家代码”：“公司”，
“名称”：“波哥大”，
“fclName”：“城市、村庄，…”，
“地名名称”：“波哥大”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“en.wikipedia.org/wiki/Bogot%C3%A1”，
“lat”：4.60970584979108，
“fcl”：“P”，
“人口”：7674366，
“fcode”：“PPLC”
}, {
“液化天然气”：114.1576910892，
“大地水准面”：1819729，
“国家代码”：“香港”，
“名称”：“香港”，
“fclName”：“城市、村庄，…”，
“地名名称”：“香港”，
“fcodeName”：“政治实体的资本”，
“维基百科”：“en.wikipedia.org/wiki/Hong_Kong”，
“lat”：22.285525817732，
“fcl”：“P”，
“人口”：7012738，
“fcode”：“PPLC”
}]
}
geonames=geo.geonames；
var数据=地理名称；
对于（变量i=0；i

@媒体打印{
dontprint先生{
显示：无
}
身体{
显示：块；
}
}
身体{
显示：块；
}

名称
国家代码
经度
纬度
人口
身份证件
行动
打印预览

编辑：我不再推荐iFrame方法。还有更好的选择，如打印新窗口或打印时隐藏/显示页面的某些部分

您可以做的是将表添加到iframe，然后仅打印该iframe

因为代码片段不允许我打印iframe

在fiddle中，我在主体中添加了一个名为“print_frame”的隐藏iframe，然后在它和表中添加了一个

标记

function printpage() {
  // display the hidden table rows
  var style = "<style>.geoname {display: table-row !important; }</style>";

  window.frames["print_frame"].document.body.innerHTML = style + $("#geonames")[0].outerHTML;
  window.frames["print_frame"].window.focus();
  window.frames["print_frame"].window.print();
}

用于断开行的CSS

.pagebreak { display: block; page-break-after: always; }

但是，由于该表现在向下延伸到整个页面，因此您将看到该表的边框向下延伸到整个页面。（太高，无法在此显示）

.pagebreak { display: block; page-break-after: always; }