삽질블로그 삽질블로그

vue bootstrap 의 b-table 을 이용하여 다음과 같이 table 안에 inner table 구조를 만들 수 있다. 방법은 row-details slot을 사용하면 된다. https://bootstrap-vue.org/docs/components/table BootstrapVue Quickly integrate Bootstrap v4 components with Vue.js bootstrap-vue.org 아래에 써놓은 옵션 이외에 필요한 기본옵션 관련해서는 BootstrapVue 공식사이트를 이용하면 된다. 옵션설명 * sticky-header : 스크롤로 테이블의 크기를 한정짓고 싶을 때 사용 ( 필자는 docs에서 해당옵션을 못보고 지나가 css로 삽질을 했음 ) * items : 나타..

column에 goDetail을추가 list.vue detail.vue async mounted() { //this.$route.params $route를 이용해서 데이터를 뽑아냄 let params = "?id=" + this.$route.params.id + "&email=" + this.$route.params.email; .... } router.js ... { path: '/raw/detail', name: 'submission-detail', component: SubmissionDetail, props: true }, ... *** row 클릭 시 넘어가게 적용하기 *** 1. 클릭 시 발생하는 이벤트 추가 (html) 2. b-table 옵션에 row-clicked 이벤트 걸어주기(scri..