将 Vaadin 网格扩展到自定义组件？

Question

我有一个用于 Vaadin Grid 的自定义组件类：

import { Grid, GridColumn } from '@vaadin/grid';

@customElement('test-vaadin-grid')
export class TestVaadinGrid extends Grid {}

@customElement('test-vaadin-grid-column')
export class TestVaadinGridColumn extends GridColumn {}

然而，每个表格单元格的单元格内容为空白：

<test-vaadin-grid .items="${items}">
     <test-vaadin-grid-column path="firstName"></test-grid-column>
     <test-vaadin-grid-column path="lastName"></test-vaadin-grid-column>
     <test-vaadin-grid-column path="email"></test-vaadin-grid-column>
     <test-vaadin-grid-column path="profession"></test-vaadin-grid-column>
</test-vaadin-grid>;

如果将

test-vaadin-grid

替换为

vaadin-grid

，那么单元格就会被填充，为什么会这样？ 我期待表格单元格正确填充

test-vaadin-grid

.