Table

Displays structured data in rows and columns with consistent styling and accessible markup.

Name

Role

Department

Status

Joined

Alice Chen

Product Designer

Design

Active

2022-03

Bob Kumar

Frontend Engineer

Engineering

Away

2021-07

Carlos Silva

Backend Engineer

Engineering

Active

2023-01

Diana Müller

QA Engineer

Quality

Active

2022-11

<diwa-table caption="Team members" layout="auto">
  <diwa-table-head>
    <diwa-table-row>
      <diwa-table-head-cell>Name</diwa-table-head-cell>
      <diwa-table-head-cell>Role</diwa-table-head-cell>
      <diwa-table-head-cell>Department</diwa-table-head-cell>
      <diwa-table-head-cell>Status</diwa-table-head-cell>
      <diwa-table-head-cell>Joined</diwa-table-head-cell>
    </diwa-table-row>
  </diwa-table-head>
  <diwa-table-body>
    <diwa-table-row>
      <diwa-table-cell>Alice Chen</diwa-table-cell>
      <diwa-table-cell>Product Designer</diwa-table-cell>
      <diwa-table-cell>Design</diwa-table-cell>
      <diwa-table-cell>Active</diwa-table-cell>
      <diwa-table-cell>2022-03</diwa-table-cell>
    </diwa-table-row>
    <diwa-table-row>
      <diwa-table-cell>Bob Kumar</diwa-table-cell>
      <diwa-table-cell>Frontend Engineer</diwa-table-cell>
      <diwa-table-cell>Engineering</diwa-table-cell>
      <diwa-table-cell>Away</diwa-table-cell>
      <diwa-table-cell>2021-07</diwa-table-cell>
    </diwa-table-row>
    <diwa-table-row>
      <diwa-table-cell>Carlos Silva</diwa-table-cell>
      <diwa-table-cell>Backend Engineer</diwa-table-cell>
      <diwa-table-cell>Engineering</diwa-table-cell>
      <diwa-table-cell>Active</diwa-table-cell>
      <diwa-table-cell>2023-01</diwa-table-cell>
    </diwa-table-row>
    <diwa-table-row>
      <diwa-table-cell>Diana Müller</diwa-table-cell>
      <diwa-table-cell>QA Engineer</diwa-table-cell>
      <diwa-table-cell>Quality</diwa-table-cell>
      <diwa-table-cell>Active</diwa-table-cell>
      <diwa-table-cell>2022-11</diwa-table-cell>
    </diwa-table-row>
  </diwa-table-body>
</diwa-table>