如何在 q 表中设置默认扩展？

Question

我从“扩展行”“款待”中复制了代码。 https://quasar.dev/vue-components/table

有没有办法将第一行设置为默认展开？

Answer 1

有两种方法可以做到这一点。

您可以在q-table中传递expanded prop，或者如果想要同步扩展行，可以使用v-model:expanded="expandedRows" 。

<q-table
    ref="mytable"
    :expanded="expandedRows"
    ...
>
</q-table>

并在设置中使用第一行的键定义expandedRows ref。

const expandedRows = ref(["key-of-first-row"]);

第二种方法是使用setExpanded方法。

  const mytable = ref(null);

  onMounted(function () {
    mytable.value.setExpanded(["key-of-first-row"])
  })

注意：- 当您在任何论坛中提出任何问题时，请始终提供您尝试过的代码。