! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

wj-flex-grid-column 에 css 추가하기 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

Angular wj-flex-grid-column 에 css 추가하기

페이지 정보

작성자 erouse 작성일 2020-09-01 13:14 조회 5,247회 댓글 0건
제품 버전 : 교원에서 사용중에 있습니다.
컨트롤 이름 : wj-flex-grid control=

본문

첨부파일

wj-flex-grid내에 있는 wj-flex-grid-column중에 맨 처음 컬럼에 대해서만 padding=3px 처리를 하고 싶습니다.


인터넷 찾아보다 유투브도 뒤져봤느데, 방법이 없어서 여기에 질문드립니다.


vertical-align: middle도 먹히지 않고 어쩔수 없이 padding 처리 중입니다.


저장된 파일을 열어보시면 "사진" 컬럼의 그림때문에 다른 컬럼들의 글자를 정중앙에 둘수 가 없습니다.


모쪼록 서포트좀 부탁드립니다.


꾸벅꾸벅.. 굽신굽신 ^^

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

Angular Re: wj-flex-grid-column 에 css 추가하기

추천1 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK폴 작성일 2020-09-02 15:12 댓글 0건

본문

안녕하세요 그레이프시티입니다.

첫 문의를 주셔서 감사합니다^^


해당 기능을 활용하시기 위해서는 cssClass 속성을 활용해 보시기 바랍니다.

예를 들어 Css에 이렇게 custom-cell 속성으로 세팅합니다

.custom-cell.wj-cell {
  padding: 3px;
}



아래와 같이 불러와서 사용하시면 됩니다.

var cssClass = 'custom-cell'; // use this css class to customize the cells 
grid.columns[0].cssClass = cssClass






간단한 예제를 전달 드리니 참고해 주시기 바랍니다.

https://stackblitz.com/edit/js-44x5ku?file=index.js 





참고로 cssClass에 대한 부분은 아래의 문서를 참고해주세요

cssClass: https://www.grapecity.com/wijmo/api/classes/wijmo_grid.column.html#cssclass 



다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.

감사합니다.

그레이프시티 드림

* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.