PrimeVue - 有没有办法隐藏 DataTable 组件中的行选择列？

Question

我正在寻找一种方法来有条件地隐藏 DataTable 组件中的行选择列，例如，如果我传递了某个 prop，我想渲染它：

<DataTable>
  <Column v-if="propName == true" :selectionMode="selectedMode" headerStyle="width: 3em"></Column>
</DataTable>

但是，当我尝试执行上述操作时，我的表格会随机呈现 4 个空列。

screenshot of what I want to conditionally hide

what happens when I try to do use the v-if directive

Answer 1

最终我设法使用 CSS 样式修复它，以有条件地隐藏我想要的列。

:style="useRowEditing === false ? 'display: none;' : ''"

刚刚将其添加到列中，并将附加属性传递给我的数组中的列。