如何预定义两种表格格式并复用？支持单独设置width与cols

当然可以预先定义表格格式，之后直接引用，同时保留单独设置width和cols的灵活性，具体实现分两种场景：

1. 借助编辑器的样式预设功能（如Typora、支持样式管理的Markdown编辑器） #

• 打开编辑器的样式设置面板，找到表格样式配置项
• 分别创建两个自定义表格样式：
  • 样式1：配置frame="none"、grid="none"、stripes=none，命名为「无框无格表格」
  • 样式2：配置frame="topbot"、grid="rows"、options="header"，命名为「上下边框行网格表格」
• 插入表格时直接选择对应预设样式，再手动添加width和cols属性即可，示例：

  {.无框无格表格 width="100%" cols="2,3"}
  | 列1 | 列2 |
  |-----|-----|
  | 内容| 内容|
  

2. 自定义CSS类（适用于支持自定义CSS的Markdown环境） #

• 先在文档头部或自定义CSS文件中定义两个类：

  .table-style1 {
    border-collapse: collapse;
    border: none;
  }
  .table-style1 td, .table-style1 th {
    border: none;
  }
  .table-style2 {
    border-collapse: collapse;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
  .table-style2 tr {
    border-bottom: 1px solid #eee;
  }
  .table-style2 th {
    border-bottom: 1px solid #000;
  }
  

• 插入表格时给表格加上对应类，同时设置width和cols，示例：

  <table class="table-style1" width="80%" cols="1,1,1">
    <tr><td>内容1</td><td>内容2</td><td>内容3</td></tr>
  </table>
  

  或用Markdown表格结合属性的写法（部分编辑器支持）：

  | 表头1 | 表头2 |
  |-------|-------|
  | 内容1 | 内容2 |
  {: .table-style2 width="100%" cols="3,2"}
  

这样既复用了预设的表格格式，又能给每个表格单独设置width和cols参数，完全满足需求。

内容的提问来源于stack exchange，提问作者SchmiPi