Vue.js 删除（或隐藏）选中Quasar中的所有复选框表格组件

我使用的是quasar，我添加了一个具有多个选项的表，如下图所示：

问题是我找不到一种方法来隐藏标题中选择表中所有选项的复选框

这是我使用的代码：

<q-table flat title="Please select ETF to compare" :data="etf_comp" :columns="columns_compare_etf" row-key="name" :selected-rows-label="getSelectedString" selection="multiple" :filter="filter" :selected.sync="selected_comparing_etf">

                                    <template v-slot:top>
                                        <q-btn color="primary" :label="menu_option_selected" class="q-my-lg">
                                            <q-menu>
                                                <q-list style="min-width: 100px">
                                                    <q-item clickable v-close-popup v-for="option in menu_option_list" :key="option.name" @click="comparingChangeLabel(option.name,option.value)">
                                                        <q-item-section>${option.name}</q-item-section>
                                                    </q-item>
                                                </q-list>
                                            </q-menu>
                                        </q-btn>
                                        <q-space></q-space>
                                        <q-input borderless dense debounce="300" v-model="filter" placeholder="Search">
                                            <template v-slot:append>
                                              <q-icon name="search" />
                                            </template>
                                    </q-input>
                                    </template>

                                </q-table>

---

谢谢

你不能直接做到这一点。您需要使用标题槽并将第一个

q-th

保留为黑色

  <template v-slot:header="props">
    <q-tr :props="props">
      <q-th></q-th>
      <q-th
        v-for="col in props.cols"
        :key="col.name"
        :props="props"
        class="text-italic text-purple"
      >
        {{ col.label }}
      </q-th>
    </q-tr>
  </template>

{{col.label}}

代码笔-

  <template v-slot:header="props">
    <q-tr :props="props">
      <q-th></q-th>
      <q-th
        v-for="col in props.cols"
        :key="col.name"
        :props="props"
        class="text-italic text-purple"
      >
        {{ col.label }}
      </q-th>
    </q-tr>
  </template>