桌子

概述

该表组件允许您在网页上以结构化格式显示表格数据。它提供了各种样式选项,可根据您的需求自定义桌子的外观。

例子

基本表

<div class="table-container">
  <table>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Data 3</td>
    </tr>
    <tr>
      <td>Data 3</td>
      <td>Data 4</td>
      <td>Data 5</td>
    </tr>
  </table>
</div>

带有边界的桌子

<div class="table-container t-border">
  <table>
    <!-- Table content here -->
  </table>
</div>

带有文字包装的表

<div class="table-container t-warp-auto">
  <table>
    <!-- Table content here -->
  </table>
</div>