handsontable输入中文第一个字母丢失问题
首先查看 版本是否为最新版本 ,官网说 V14.4已经修复了问题
github上有解决方法https://github.com/handsontable/handsontable/issues/10773#issuecomment-1940713298
加上这个参数
:imeFastEdit="true"另外说一下怎么重新实现将自带的功能(删除行/删除列等等)放到submenu中
首先自定义的二级菜单(submenu) 需要和外层定义的key 相同 并以 外层key:子级key的命名方式来实现,
在内部必须使用callback 来实现原有的功能 (不用自己完全实现)
关键点 直接使用 hot.alter('功能key名称', rowIndex, amount)
示例
items: { custom: { name: '行列操作', submenu: { items: [ { key: 'custom:remove_row', name: '删除行', callback() { const hot =getHotInstance() if (!hot) return const selected = hot.getSelectedLast() if (!selected) return const [startRow, , endRow] = selected const rowIndex = Math.min(startRow, endRow) const amount = Math.abs(endRow - startRow) + 1 hot.alter('remove_row', rowIndex, amount) } }, { key: 'custom:remove_col', name: '删除列', callback() { const hot = getHotInstance() if (!hot) return const selected = hot.getSelectedLast() if (!selected) return const [, startCol, , endCol] = selected const colIndex = Math.min(startCol, endCol) const amount = Math.abs(endCol - startCol) + 1 hot.alter('remove_col', colIndex, amount) } }, { key: 'sep1', name: '---------' }, { key: 'custom:col_left', name: '左侧插入列', callback() { const hot = getHotInstance() if (!hot) return const selected = hot.getSelectedLast() if (!selected) return const [, startCol, , endCol] = selected const colIndex = Math.min(startCol, endCol) hot.alter('insert_col_start', colIndex, 1) } }, { key: 'custom:col_right', name: '右侧插入列', callback() { const hot = getHotInstance() if (!hot) return const selected = hot.getSelectedLast() if (!selected) return const [, startCol, , endCol] = selected const colIndex = Math.max(startCol, endCol) + 1 hot.alter('insert_col_start', colIndex, 1) } }, { key: 'custom:row_above', name: '上方插入行', callback() { const hot = getHotInstance() if (!hot) return const selected = hot.getSelectedLast() if (!selected) return const [startRow, , endRow] = selected const rowIndex = Math.min(startRow, endRow) hot.alter('insert_row_above', rowIndex, 1) } }, { key: 'custom:row_below', name: '下方插入行', callback() { const hot = getHotInstance() if (!hot) return const selected = hot.getSelectedLast() if (!selected) return const [startRow, , endRow] = selected const rowIndex = Math.max(startRow, endRow) hot.alter('insert_row_below', rowIndex, 1) } } ] } }, } function getHotInstance(): Handsontable | null { return (hotTable.value?.hotInstance as Handsontable) ?? null }