VueJS 그리드 헤더 색상 적용 및 테마 적용
추천0 비추천 0
페이지 정보
작성자 승원 작성일 2022-01-13 10:35 조회 2,397회 댓글 0건제품 버전 : 5.20213.824
본문
관련링크
댓글목록
등록된 댓글이 없습니다.
등록된 댓글이 없습니다.
안녕하세요 그레이프시티입니다.
문의 주신 내용과 관련하여 답변 드리고자 메일 보내 드립니다.
1. 그리드의 테마를 지정해주는 방법
=> Wijmo에서 테마를 지정해주기 위해서 원하는 테마의 모듈 파일(wijmo.theme.[ThemeName].css)을 import 해주시면 됩니다. 아래는 dark 테마를 가져오는 코드이며 다른 테마 리스트들은 Wijmo 파일이 있는 폴더에서 Dist/styles/themes에서 확인하시면 되십니다.
import "@grapecity/wijmo.styles/wijmo.css"; import "@grapecity/wijmo.styles/themes/wijmo.theme.dark.css";
2. 그리드 헤더의 색상을 제가 원하는 색상으로 커스텀이 가능한지 문의드립니다.
=> 그리드 헤더의 색상은 간단하게 CSS에서 설정이 가능하십니다. 아래 코드는 그리드 헤더를 빨간색으로 설정하는 코드이며 참고 부탁 드립니다.
.wj-flexgrid .wj-header { background-color: red; }
다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.
등록된 댓글이 없습니다.