TQEditor

slashtable 斜线表格 ​

代码演示 ​

分栏1 分栏2  
分栏1分栏2  
分栏1分栏2分栏3  
分栏1分栏2分栏3  
分栏1分栏2分栏3  
分栏1分栏2分栏3  

html 结构 ​

html
<table style="border-collapse: collapse; width: 100%; height: 428.625px;" border="1">
  <colgroup>
    <col style="width: 21.7888%;">
    <col style="width: 44.8753%;">
    <col style="width: 33.3359%;">
  </colgroup>
  <tbody>
    <tr style="height: 58.9375px;">
      <td class="tq-mt-slashtable tq-mt-slashtable--left-top-2" data-block-type="slashtable"
        data-ed-value="{&quot;columns&quot;:&quot;2&quot;,&quot;origin&quot;:&quot;left-top&quot;,&quot;content&quot;:&quot;分栏1,分栏2&quot;}">
        <span class="tq-mt-slashtable-item">分栏1</span> <span class="tq-mt-slashtable-item">分栏2</span></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr style="height: 62.9375px;">
      <td class="tq-mt-slashtable tq-mt-slashtable--left-bottom-2" data-block-type="slashtable"
        data-ed-value="{&quot;columns&quot;:&quot;2&quot;,&quot;origin&quot;:&quot;left-bottom&quot;,&quot;content&quot;:&quot;分栏1,分栏2&quot;}">
        <span class="tq-mt-slashtable-item">分栏1</span><span class="tq-mt-slashtable-item">分栏2</span></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr style="height: 82.9375px;">
      <td class="tq-mt-slashtable tq-mt-slashtable--left-top-3" data-block-type="slashtable"
        data-ed-value="{&quot;columns&quot;:&quot;3&quot;,&quot;origin&quot;:&quot;left-top&quot;,&quot;content&quot;:&quot;分栏1,分栏2,分栏3&quot;}">
        <span class="tq-mt-slashtable-item">分栏1</span><span class="tq-mt-slashtable-item">分栏2</span><span
          class="tq-mt-slashtable-item">分栏3</span></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr style="height: 71.9375px;">
      <td class="tq-mt-slashtable tq-mt-slashtable--right-top-3" data-block-type="slashtable"
        data-ed-value="{&quot;columns&quot;:&quot;3&quot;,&quot;origin&quot;:&quot;right-top&quot;,&quot;content&quot;:&quot;分栏1,分栏2,分栏3&quot;}">
        <span class="tq-mt-slashtable-item">分栏1</span><span class="tq-mt-slashtable-item">分栏2</span><span
          class="tq-mt-slashtable-item">分栏3</span></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr style="height: 71.9375px;">
      <td class="tq-mt-slashtable tq-mt-slashtable--left-bottom-3" data-block-type="slashtable"
        data-ed-value="{&quot;columns&quot;:&quot;3&quot;,&quot;origin&quot;:&quot;left-bottom&quot;,&quot;content&quot;:&quot;分栏1,分栏2,分栏3&quot;}">
        <span class="tq-mt-slashtable-item">分栏1</span><span class="tq-mt-slashtable-item">分栏2</span><span
          class="tq-mt-slashtable-item">分栏3</span></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr style="height: 79.9375px;">
      <td class="tq-mt-slashtable tq-mt-slashtable--right-bottom-3" data-block-type="slashtable"
        data-ed-value="{&quot;columns&quot;:&quot;3&quot;,&quot;origin&quot;:&quot;right-bottom&quot;,&quot;content&quot;:&quot;分栏1,分栏2,分栏3&quot;}">
        <span class="tq-mt-slashtable-item">分栏1</span><span class="tq-mt-slashtable-item">分栏2</span><span
          class="tq-mt-slashtable-item">分栏3</span></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>

属性 ​

属性说明默认值
data-block-type类型slashtable
data-ed-value分栏数据-