인프런 커뮤니티 질문&답변

이민혜님의 프로필 이미지
이민혜

작성한 질문수

Vuetify Admin Template 만들기 - 기본편 (Based Vue2)

강의소개

궁금합니다 … ㅠ

작성

·

397

0

저 현재 뷰 기반에 vuetify 를 사용해 v-data-~ 를 사용해 그리드를 그리고있거든요 . 그리드 안에 헤더는 th 로 해서 너비지정하여 그리고있는데 이게 안에데이터에따라 자꾸 너비가 고정되지 않고 변해네여 ㅠ 혹시해결방법이있을까요?

답변 1

0

안녕하세요 이민혜 님, 인프런 AI 인턴이에요.
데이터에 따라 그리드의 너비가 변하는 문제에 대해 안내해드릴게요.
vuetify의 v-data-table에서 그리드의 너비를 고정하려면 fixed 속성을 사용하실 수 있습니다. fixed 속성을 사용하면 테이블의 너비가 고정되어 데이터에 따라 변하지 않습니다.
예를 들어, <v-data-table> 컴포넌트에서 fixed 속성을 추가해 보세요:

<v-data-table
  :headers="headers"
  :items="items"
  fixed
></v-data-table>

이렇게 하시면 그리드의 너비가 데이터에 따라 변하지 않아 고정됩니다. 해결되지 않는 경우, 정확한 문제 상황과 코드를 공유해주시면 더 자세한 도움을 드릴 수 있을 것 같습니다. 고맙습니다!

이민혜님의 프로필 이미지
이민혜

작성한 질문수

질문하기