บทช่วยสอน XSL-FO แบบฟอร์ม ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้
ตาราง XSL-FO (ตาราง),
XSL-FO แบบฟอร์ม
XSL-FO ใช้ <สำหรับตารางและคำบรรยายใต้ภาพ> องค์ประกอบในการกำหนดรูปแบบ
ตาราง XSL-FO (ตาราง)
รูปแบบตาราง XSL-FO กับรูปแบบตาราง HTML จะไม่แตกต่างอย่างสิ้นเชิง
มีเก้าวัตถุ XSL-FO ใช้ในการสร้างตารางที่มี:
- สำหรับตารางและคำบรรยายใต้ภาพ
- สำหรับตาราง
- สำหรับ: ตารางคำบรรยายใต้ภาพ
- สำหรับตารางคอลัมน์
- สำหรับตารางหัว
- สำหรับตารางท้าย
- สำหรับตารางร่างกาย
- สำหรับตารางแถว
- สำหรับตารางเซลล์
XSL-FO ใช้<สำหรับตารางและคำบรรยายใต้ภาพ > องค์ประกอบในการกำหนดรูปแบบมันมี<สำหรับ: table> และเลือก <สำหรับ: คำอธิบายภาพ>องค์ประกอบ
<สำหรับ: table> องค์ประกอบที่มีตัวเลือก<สำหรับตารางคอลัมน์> องค์ประกอบตัวเลือก <สำหรับ: ตารางส่วนหัว>องค์ประกอบเป็น<สำหรับ: ตาราง body>องค์ประกอบตัวเลือก<สำหรับตาราง -footer>องค์ประกอบ แต่ละองค์ประกอบเหล่านี้อาจจะมีหนึ่งหรือมากกว่า<สำหรับตารางแถว> องค์ประกอบ <สำหรับตารางแถว>นอกจากนี้ยังจะมีหนึ่งหรือมากกว่า<สำหรับตารางเซลล์>องค์ประกอบ:
<fo:table-and-caption>
<fo:table>
<fo:table-column column-width="25mm"/>
<fo:table-column column-width="25mm"/>
<fo:table-header>
<fo:table-row>
<fo:table-cell>
<fo:block font-weight="bold">Car</fo:block>
</fo:table-cell>
<fo:table-cell>
<fo:block font-weight="bold">Price</fo:block>
</fo:table-cell>
</fo:table-row>
</fo:table-header>
<fo:table-body>
<fo:table-row>
<fo:table-cell>
<fo:block>Volvo</fo:block>
</fo:table-cell>
<fo:table-cell>
<fo:block>$50000</fo:block>
</fo:table-cell>
</fo:table-row>
<fo:table-row>
<fo:table-cell>
<fo:block>SAAB</fo:block>
</fo:table-cell>
<fo:table-cell>
<fo:block>$48000</fo:block>
</fo:table-cell>
</fo:table-row>
</fo:table-body>
</fo:table>
</fo:table-and-caption>
การส่งออกของโค้ดข้างต้นจะเป็นดังนี้:
รถ | ราคา |
---|
วอลโว่ | $ 50,000 |
SAAB | $ 48,000 |