做高仿网站,推荐几个用vue做的网站,网站后端架构如何做,学校网站建设报价是多少钱需求#xff1a;简单的theamleaf编写表格就是简单的th/td#xff0c;新需求是导出的模版是学员table表#xff0c;每个项目的学员数量是不定的#xff0c;所以用到 tr th:eachitem,start:${studentList}
所有代码#xff1a;
!DOCTYPE html…需求简单的theamleaf编写表格就是简单的th/td新需求是导出的模版是学员table表每个项目的学员数量是不定的所以用到 tr th:eachitem,start:${studentList}
所有代码
!DOCTYPE html
html langen xmlns:thhttp://www.thymeleaf.org
headmeta http-equivContent-Type contenttext/html; charsetUTF-8/title培训项目考勤表/titlestylebody {font-family: SimSun}td,th{height: 30px;text-align: center;}.title{font-size: 20px;height: 35px;line-height: 35px;text-align: center;width: 100%;display: inline-block;}/**电子签名图片*/.esign-image{display: block;width: 100px;height: 25px;margin-left: 40px;}/*pdf的基本样式*/page {size: 210mm 297mm; /*设置纸张大小:A4(210mm 297mm)、A3(297mm 420mm) 横向则反过来*/margin: 0.25in;padding: 1em;bottom-center{content:;font-family: SimSun;font-size: 12px;color: red;};top-center { content: element(header) };bottom-right{content:第 counter(page) 页 共 counter(pages) 页;font-family: SimSun;font-size: 12px;color:#000;};}.generalDiv {height: 30px;line-height: 30px;font-size: 14px;}.photo-image{display: block;width: 25px;height: 25px;}label{font-size: 14px;}#content table, th, td {border: 1px solid grey;border-collapse: collapse;padding: 5px;font-size: 12px;color: #0C0C0C;}.topTable{width: 100%;}.topTitle{width: 100%;font-size: 20px;text-align: center;font-weight: bold;}.word-wrap{word-break: break-word;word-wrap: break-word;white-space: pre-line}/style
/headbody
div idform stylewidth: 100%div classtopTitle stylemargin-bottom: 20pxspan classgeneralSpanth:text${courseName}/span考勤记录/divdiv idproj styleheight: 60px;width: 100%table classtopTabletr styleborder: nonetd styleborder: none;width: 50%培训项目:span classgeneralSpan stylemargin-left:5px nameproject th:text${project}/span/tdtd styleborder: none;width: 50%培训编号:span classgeneralSpan stylemargin-left:5px th:text${trainId}/span/td/tr/table/divdiv idcontent stylewidth: 100%;height: 100%;overflow-y: autotable classtopTabletrtd colspan5 styletext-align: right填表日期span classgeneralSpan th:text${courseName}/span/td/trtrtd rowspan2 stylewidth: 100px序号/tdtd rowspan2 stylewidth: 200px;姓名/tdtd colspan2签到时间/tdtd rowspan2工作单位/td/trtrtd上午/tdtd下午/td/trtr th:eachitem,start:${studentList}td th:text${start.index1}/tdtd th:text${item.studentName}/tdtd th:text${item.shangwu} /tdtd th:text${item.xiawu} /tdtd th:text${item.groupName} classword-wrap /td/trtrtd stylewidth: 100px备注/tdtd colspan4 th:text${start.index1}/td/trtrtd colspan3教员签字/tdtd colspan2 th:text${start.index1}/td/tr/table/div
/div
/body
/html效果
