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

Question

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

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

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

我想有条件地隐藏的截图

当我尝试使用 v-if 指令时会发生什么

Answer 1

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

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

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