vuetify v-data-table expanded row 변형: 버튼 이벤트 추가

기존 vuetify의 v-data-table의 expand속성 사용시 show-expand속성을 빼고 해당 row클릭시 expand항목이 열리게 하는 방식으로 수정

expanded row click변형

 

추가: 그리드내에 버튼을 추가할 경우, 기존 @click:row이벤트와 겹쳐서 이벤트 중복이 일어날 경우

@click.stop="btnTest" 이런식으로 이벤트를 주면 중복이 일어나지 않는다.

그리드 내부 버튼이 있는 경우

 

See the Pen Vuetify Example Pen by banisle (@banisle) on CodePen.