Table Layout

Kawal algoritma susun atur jadual

Sintaks

layout="table:[value]"

Nilai

Nilai	CSS Output	Huraian
auto	table-layout: auto	Susun atur automatik
fixed	table-layout: fixed	Susun atur tetap

Contoh

<table layout="table:fixed">Fixed width columns</table>

Pratonton

Susun Atur Jadual Tetap

layout="table:fixed" - Lajur mempunyai lebar tetap sama

Fixed

Column

Widths

Lihat Kod

<table layout="table:fixed" style="width: 100%;" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <tbody>
    <tr>
      <td space="p:small" visual="bg:primary text:white">Fixed</td>
      <td space="p:small" visual="bg:primary text:white">Column</td>
      <td space="p:small" visual="bg:primary text:white">Widths</td>
    </tr>
  </tbody>
</table>

Susun Atur Jadual Auto

layout="table:auto" - Lajur menyesuaikan dengan lebar kandungan

Short

Much Longer Content Here

Med

Lihat Kod

<table layout="table:auto" style="width: 100%;" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <tbody>
    <tr>
      <td space="p:small" visual="bg:primary text:white">Short</td>
      <td space="p:small" visual="bg:primary text:white">Much Longer Content Here</td>
      <td space="p:small" visual="bg:primary text:white">Med</td>
    </tr>
  </tbody>
</table>