TUI Grid에서 행 삽입과 삭제를 자연스럽게 구현하는 방법 (v3 기준)

웹에서 표 형태의 데이터를 다루다 보면 사용자가 직접 행을 추가하거나 삭제할 수 있도록 하는 기능은 필수가 된다. 특히 TUI Grid를 사용하는 경우에는 다양한 기능이 기본적으로 제공되지만, 실제 프로젝트에서 원하는 방식으로 삽입이나 삭제 기능을 구현하려면 약간의 커스터마이징이 필요하다.이번 포스팅에서는 TUI Grid v3 버전을 기준으로, 사용자가 선택한 위치에 새로운 행을 삽입하고, 특정 행을 자연스럽게 삭제하는 기능을 직접 구현하는 방법을 공유하려 한다.이 기능은 단순히 appendRow()나 removeRow() 같은 기본 메서드를 사용하는 것을 넘어서, 데이터의 흐름을 제어하면서 더욱 유연하게 다루는 방식이다.✅ 행 삽입: 선택한 행 아래에 새 행 추가하기TUI Grid의 기본 행 추가 기능..
IT tech Coding/toast ui 2025. 3. 21. 15:24
1