出现错误：“id 为‘id’的列不存在。”通过@tanstack/vue-table (vue3)

Question

通过 @tanstack/vue-table 创建表时，我在浏览器控制台中出现红色错误。这个错误并不重要。如果我更改“名称”->“id” - 不会出现错误，但我不需要在数据表中显示“id”）。如何隐藏/修复“id 为‘id’的列不存在。”错误？

我的官方文档设置：

const columnHelper = createColumnHelper<any>();
const columns = [
  columnHelper.accessor('name', {
    header: 'Name'
  }),
];

Answer 1

您可以在

id

数组中定义

columns

列，并通过将

size

设置为 0 将其从表 UI 中隐藏。这样，您仍然可以访问其值而不显示它。

const columnHelper = createColumnHelper<any>();

const columns = [
  columnHelper.accessor('id', {
    header: 'ID',
    size: 0, // Hides the column from the table UI
  }),
  columnHelper.accessor('name', {
    header: 'Name'
  }),
];