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

flex grid column 셀 > Q&A | 토론

본문 바로가기

VueJS flex grid column 셀

페이지 정보

작성자 ljm5937 작성일 2022-06-14 10:32 조회 1,361회 댓글 0건
제품 버전 : 5.20213.834

본문

flex grid column 셀에 데이터를 itemssource 속성을 이용하여 바인딩하였는데요


셀 안의 데이터에 밑줄(underline)을 긋는 속성이 따로 있나요 ?

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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: flex grid column 셀

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

페이지 정보

작성자 GCK다이애나 작성일 2022-06-15 15:35 댓글 0건

본문

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


문의 주신 내용과 관련하여 특정 열의 cellTemplate 속성을 통해 데이터 셀의 HTML 요소에 style 값을 추가하는 방식으로 밑줄을 설정할 수 있습니다.

cellTemplate 도움말 | 일반적인 셀 템플릿 작업 demo


더불어 아래 코드와 같이 셀을 사용자 지정하는 포맷터 함수를 가져오고 설정하는 itemFormatter 속성을 이용하여 특정 영역의 인덱스에 위치한 셀의 style을 추가하는 방식으로도 구현하실 수 있습니다.

theGrid.itemFormatter = (panel, r, c, cell) => {
  if (panel.cellType == wijmo.grid.CellType.Cell) {
    if (c === 0 && r === 1) { // 열 인덱스가 0이고 행 인덱스가 1일 때
      cell.style.textDecoration = "underline"
    }
  }
}

- itemFormatter 도움말


샘플 및 관련 데모를 공유 드리오니 참고 부탁 드립니다.


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


감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

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