– 可能还需要引入其他jsPDF依赖,如jspdf-autotable等 –>
.code-font { font-family: 'Fira Code', 'Courier New', monospace; } .a4-preview { width: 595px; min-height: 842px; background: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); margin: 0 auto; padding: 40px; position: relative; } .page-break-line { border-top: 2px dashed #e2e8f0; margin: 20px 0; position: relative; } .page-break-line::before { content: '分页线'; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: white; padding: 0 10px; color: #94a3b8; font-size: 12px; } .loading-spinner { animation: spin 1s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .preview-table { width: 100%; border-collapse: collapse; font-size: 10px; } .preview-table th, .preview-table td { border: 1px solid #cbd5e1; padding: 6px; text-align: left; } .preview-table th { background-color: #dbeafe; color: #1e293b; font-weight: 600; } .preview-table tr:nth-child(even) { background-color: #f8fafc; } .preview-table tr:hover { background-color: #eff6ff; }
数据规模
表格主题
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/255552.html