PrimeVue - 有没有办法隐藏DataTable组件中的行选择列?
PrimeVue - is there any way to hide the row selection column in the DataTable component?
我正在寻找一种有条件地隐藏 DataTable 组件中的行选择列的方法,例如,如果我传递了某个属性,我想呈现它:
<DataTable>
<Column v-if="propName == true" :selectionMode="selectedMode" headerStyle="width: 3em"></Column>
</DataTable>
但是,当我尝试执行上述操作时,我的 table 随机呈现 4 个空列。
screenshot of what I want to conditionally hide
what happens when I try to do use the v-if directive
最终我设法使用 CSS 样式来有条件地隐藏我想要的列来修复它。
:style="useRowEditing === false ? 'display: none;' : ''"
刚刚将其添加到列中,并将额外的 属性 传递到我数组中的列。
我正在寻找一种有条件地隐藏 DataTable 组件中的行选择列的方法,例如,如果我传递了某个属性,我想呈现它:
<DataTable>
<Column v-if="propName == true" :selectionMode="selectedMode" headerStyle="width: 3em"></Column>
</DataTable>
但是,当我尝试执行上述操作时,我的 table 随机呈现 4 个空列。
screenshot of what I want to conditionally hide
what happens when I try to do use the v-if directive
最终我设法使用 CSS 样式来有条件地隐藏我想要的列来修复它。
:style="useRowEditing === false ? 'display: none;' : ''"
刚刚将其添加到列中,并将额外的 属性 传递到我数组中的列。