如何制作类星体表中的字幕

Question

我正在使用Quasar/cli开发ve3。

如何使用类星体组件qTable或qMarkupTable制作此类别分隔符(蓝色字幕)?屏幕

我试着找出身体的槽位，但我不能

链接到qTable API文档介绍https://quasar.dev/vue-components/table

链接到qMarkupTable API文档介绍https://quasar.dev/vue-components/markup-table

Answer 1

对于QMarkupTable，添加一个TD横跨所有列的行:

<q-markup-table>
  <thead>
    <tr>
      <th>№</th>
      <th>Name</th>
      <th>Code</th>
      <th>Diff</th>
    </tr>
  </thead>
  <tbody>
    <tr class="bg-primary text-white">
      <td colspan="4">Medicines</td>
    </tr>
    <tr>
      <td>1</td>
      <td>Mukosolvan</td>
      <td>101492</td>
      <td class="text-negative">1</td>
    </tr>
  </tbody>
</q-markup-table>

QMarkupTable是一个普通的HTML表-它只是应用了适当的样式，其他一切都是相同的HTML你一直在学习作为一个学生。