You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在HTML表格中嵌套表格?无需CSS实现方法求助

要实现无CSS的嵌套表格,纯Markdown表格语法无法完成,得借助HTML表格标签嵌套实现——Markdown支持直接内嵌HTML代码,且完全不需要额外CSS。

以下是符合需求的实现示例:

<table border="1">
  <tr>
    <th>主表格表头1</th>
    <th>主表格表头2</th>
  </tr>
  <tr>
    <td>
      <table border="1">
        <tr>
          <th>子表格表头A</th>
          <th>子表格表头B</th>
        </tr>
        <tr>
          <td>子项内容1</td>
          <td>子项内容2</td>
        </tr>
        <tr>
          <td>子项内容3</td>
          <td>子项内容4</td>
        </tr>
      </table>
    </td>
    <td>
      <table border="1">
        <tr>
          <th>子表格表头C</th>
          <th>子表格表头D</th>
        </tr>
        <tr>
          <td>子项内容5</td>
          <td>子项内容6</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <table border="1">
        <tr>
          <td>无表头子项1</td>
          <td>无表头子项2</td>
        </tr>
      </table>
    </td>
    <td>普通单元格内容</td>
  </tr>
</table>

实现逻辑说明

  1. 用HTML的<table>标签构建主表格,通过border="1"属性显示边框(替代CSS样式)
  2. 直接将完整的子表格代码写入主表格的<td>单元格内,子表格同样用border="1"实现边框效果
  3. 子表格的结构、表头/内容可以根据需求自由调整,完全满足你提供的示例效果

内容的提问来源于stack exchange,提问作者ramie

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 08:35:33