ฉันมีรายการข้อมูลจำนวนมากภายในตาราง HTML ที่ป้อนจากฐานข้อมูล จากนั้นจะพิมพ์ออกมาเป็น PDF ตารางเป็นเพียงตารางธรรมดา มีสองคอลัมน์ แต่สไตล์ที่ผมใช้มีเส้นขอบซ้ายและขวาเพื่อแสดงเส้นแนวตั้งในแต่ละตารางในทุกหน้า แต่ไม่ใช่แนวนอน ฉันใช้ CSS เพื่อวาดเส้นขอบ บางอย่างเช่นนี้
td {
border-left: 1px solid #000;
border-right: 1px solid #000;
}
ปัญหาที่ฉันได้รับคือเมื่อแบ่งหน้า (พิมพ์เป็น PDF) ในแต่ละหน้าที่ด้านล่างสุดของตาราง มันไม่ได้ปิดดังนั้นจึงดูเปิดอยู่ ฉันต้องการปิดเส้นขอบที่ด้านล่างของตารางของแต่ละหน้า
ฉันจัดการวาดเส้นขอบของแถวสุดท้ายโดยใช้ tfoot ซึ่งใช้งานได้ดีจนกระทั่งฉันไปถึงหน้าสุดท้าย ดูเหมือนว่ามันจะวาดไปตรงนั้นด้วย ไม่อยากให้ลากตอนจบเพราะผมสรุปไว้แล้วมีเส้นตรงนั้นไม่ดีเลย
<thead>...some header...</thead>
<tfoot>
<tr><td class=myborder> </td></tr>
</tfoot>
<tbody>...list of data (100 rows of tr)...</tbody>
CSS ฉันใช้สีแดงเพื่อไฮไลต์บนโต๊ะของฉัน:
.myborder {
border-top: 1px solid red;
}
คำถามของฉันคือมี CSS ใดบ้างที่สามารถลากเส้นธรรมดาที่แต่ละหน้าสิ้นสุดแต่ไม่สามารถลากเส้นที่หน้าสุดท้ายได้?
หากใช้ tfoot ฉันได้ลองหาวิธีแก้ปัญหาแล้ว มันค่อนข้างเหมือนกับโพสต์ด้านล่าง แต่แตกต่างออกไปเล็กน้อย ฉันไม่ต้องการให้ tfoot แสดงในหน้าสุดท้าย แต่หน้าอื่น ๆ ก็ใช้ได้
วิธีทำให้ TFOOT แสดง ที่ท้ายตารางเท่านั้น
ขอบคุณล่วงหน้า.
ป.ล. ขอบคุณ Ben สำหรับการแก้ไขรูปแบบ นี่เป็นโพสต์แรกของฉัน :)
<foot>
ด้วย<tfoot>
ช่วยได้ไหม - person Ben Fransen   schedule 04.04.2016