Angular13Handsontable下拉列表不工作
- 确认 Handsontable 和 Handsontable-angular 版本是否兼容。
- 确认使用了正确的下拉列表类型。
示例代码：
// app.component.ts
import { Component } from '@angular/core';
import * as Handsontable from 'handsontable';
import { createEditorDropdown } from 'handsontable/plugins/filters/dropdownEditor';
@Component({
selector: 'app-root',
template: ,
})
export class AppComponent {
data = [
[1, 'John', 30, 'male'],
[2, 'Maria', 25, 'female'],
[3, 'Jim', 35, 'male'],
];
colHeaders = ['ID', 'Name', 'Age', 'Gender'];
columns = [ { type: 'numeric', readOnly: true }, { type: 'text' }, { type: 'numeric', validator: (value) => { if (!value || value < 0) { return false; } return true; }, }, { type: 'dropdown', source: ['male', 'female'], editor: createEditorDropdown, }, ]; }
注意：该示例中使用的 Handsontable 和 Handsontable-angular 版本为 9.1.1 和 3.0.0-beta.1，如需要，请根据自己的情况进行修改。