Latest web development tutorials

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