html table 自动 换页,jQuery自动分页打印表格(HTMLtable),可以强制换页

1

2

3

4

5

6 (function() {7 window.print();8 })();9

10

11 *12 {

13 margin:0;

14 padding:0;

15 }

16 body17 {

18 font-family:Verdana, Geneva, sans-serif;

19 font-size:12px;

20 width:210mm;

21 text-align:center;

22 }

23

24 a25 {

26 text-decoration:none;

27 }

28

29 .bold30 {

31 font-weight:bold;

32 }

33

34 ul, li35 {

36 list-style:none;

37 }

38

39 img40 {

41 border:none;

42 }

43

44 #print-content45 {

46 width:98%;

47 margin:10px auto;

48 }

49

50 #print-content h151 {

52 font-size:24px;

53 text-align:center;

54 }

55

56 .floatLeft57 {

58 float:left;

59 }

60 .floatLeft5061 {

62 float:left;

63 margin-left:50px;

64 }

65 .floatRight66 {

67 float:right;

68 }

69

70 .headInfo71 {

72 margin:5px auto;

73 height:16px;

74 }

75

76 table77 {

78 border-collapse:collapse;

79 width:100%;

80 border:1px solid #000;

81 }

82

83 .tableTopBorder_384 {

85 border-top:0px solid #000;

86 }

87

88 td, th89 {

90 border:1px solid #000;

91 text-align:center;

92 padding:3px 5px;

93 }

94

95 .signatureArea96 {

97 height:25px;

98 line-height:25px;

99 }

100 .signatureArea .firstSpan101 {

102 margin-right:200px;

103 }

104 #print-content .header .titleArea105 {

106 height:50px;

107 position:relative;

108 }

109 #print-content .header h1110 {

111 padding-top:10px;

112 }

113 .printTm114 {

115 position:absolute;

116 left:0px;

117 top:0px;

118 }

119 .contractTable td120 {

121 text-align:left;

122 }

123 .contractTable th124 {

125 font-weight:bold;

126 }

127 .printInput128 {

129 width:99%;

130 border:none;

131 background:none;

132 }

133 .font24134 {

135 font-size:24px;

136 }

137 .font20138 {

139 font-size:20px;

140 }

141 .width200142 {

143 width:200px;

144 }

145 .width180146 {

147 width:180px;

148 }

149 .btn150 {

151 cursor:pointer;

152 padding:2px 10px;

153 margin:0px 10px;

154 }

155 @media print156 {

157 .pageBreak158 {159 page-break-after:always; /*强制换页的关键*/

160 }

161 .noPrint162 {

163 display:none;

164 }

165 }166

167

168

169

170

171

172

173 订单表头

174

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值