fix(fe): KsDataGrid - use AG Grid native Enter-to-Tab behavior
deploy / deploy (push) Failing after 51s
deploy / notify (push) Successful in 0s

Removed custom navigateToNextCell function and binding.
Now relies on AG Grid's native :enter-navigates-to-next-cell setting.

This allows Enter key to properly use Tab navigation as intended.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-08-16 20:52:23 +09:00
parent 56a5eb9391
commit 8d52001d35
@@ -185,19 +185,6 @@ function redrawRows(): void {
gridApi.value?.redrawRows()
}
import type { NavigateToNextCellParams, CellPosition } from 'ag-grid-community'
function navigateToNextCell(params: NavigateToNextCellParams): CellPosition | null {
const suggestedNextCell = params.nextCellPosition
if (params.key === 'Enter' || String(params.key) === '13') {
return suggestedNextCell
}
return suggestedNextCell
}
defineExpose({ focusRow, redrawRows, gridApi })
</script>
@@ -213,7 +200,6 @@ defineExpose({ focusRow, redrawRows, gridApi })
:row-class-rules="rowClassRules"
:enter-navigates-to-next-cell="true"
:enter-navigates-to-next-cell-after-edit="true"
:navigate-to-next-cell="navigateToNextCell"
:stop-editing-when-cells-lose-focus="true"
:loading="props.loading"
overlay-no-rows-template="<div class='ks-ag-empty-overlay'><span style='font-size:2rem;'>📭</span><p style='margin-top:8px;font-weight:600;color:var(--ks-color-neutral-700);'>조회된 데이터가 없습니다</p><p style='font-size:12px;color:var(--ks-color-neutral-500);'>검색 조건을 변경하거나 신규 데이터를 수집하세요.</p></div>"