在行横跨的桌附近的边界

Question

您好我已使用td和row span创建了表格。现在我想通过粗体化主要类别来使结构更清晰

https://plnkr.co/edit/4JM61bhjSqWR512PaWcS?p=preview

我怎样才能做到这一点？ 我担心我必须逐个手动为每个细胞寄宿生着色？似乎boarder和coloring属性要么关注td或tr元素。因此，跨列可以跨越这种效果吗？

Answer 1

试试这个：

The selected file is not a valid home for PythonSDK

和这个css：

<tbody>
  <tr class="colored">
    <td rowspan="6">A</td>
    <td rowspan="3">B</td>
    <td>C</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr>
    <td>D</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr>
    <td>E</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr class="colored">
    <td rowspan="3">B</td>
    <td>F</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr>
    <td>G</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr>
    <td>H</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
</tbody>
<tbody>
  <tr class="colored">
    <td rowspan="6">A</td>
    <td rowspan="4">B</td>
    <td>C</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr>
    <td>D</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr>
    <td>E</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr>
    <td>F</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr class="colored">
    <td rowspan="2">B</td>
    <td>G</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
  <tr>
    <td>H</td>
    <td> Input</td>
    <td> Input</td>
  </tr>
</tbody>

https://plnkr.co/edit/VYFXhZf0fnZqmr1BN1z6?p=preview