• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

궁금합니다 … ㅠ

23.10.25 11:29 작성 조회수 228

0

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

답변 1

답변을 작성해보세요.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.10.27

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

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

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