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

flex header button 좌측정렬 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론

ReactJS flex header button 좌측정렬

페이지 정보

작성자 토끼바람
프로필 보기 쪽지 보내기
작성일 2022-05-30 10:13 조회 1,833회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : flexgrid

본문

첨부파일



그림과 같이 그리드  header를 


.wj-cell.wj-header {display: flex;align-items: center !important;justify-content: center!important;}


이렇게 정의했더니 버튼까지 중앙 정렬이 되는데 버튼은 우측정렬로 하고 제목만 중앙정렬을 하고 싶은데


어떻게 처리 해야 되는지 문의 합니다.



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

댓글목록

등록된 댓글이 없습니다.

2 답변

ReactJS Re: flex header button 좌측정렬

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2022-05-31 17:46 댓글 1건

본문

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


문의 주신 내용이 columnHeader의 텍스트는 중앙 정렬로 FlexGridFilter 컨트롤의 버튼은 오른쪽 정렬을 유지하고 싶다는 말씀이 맞으실까요? 그렇다면 이전에 안내 드린 것과 같이 헤더에 text-align을 설정하시면 되오니 아래 문의 답변을 확인하시길 바랍니다.


- grid header 중앙정렬 : https://dev.grapecity.co.kr/bbs/board.php?bo_table=wijmo_qna&wr_id=748


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


감사합니다. 

그레이프시티 드림


댓글목록

토끼바람님의 댓글

토끼바람
프로필 보기 쪽지 보내기
작성일

설명대로 하면 중앙 정렬이 되기는 하느데. 상하 위로 정렬이 되서 flex를 쓰다보니 전체적으로
가운데 정렬이 됩니다.
다른 방법이 없는지 확인 부탁드립니다.

ReactJS Re: flex header button 좌측정렬

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2022-06-02 16:14 댓글 0건

본문

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


해당 셀의 display의 flex를 계속 사용하셔야 하는 상황이라면 position: absolute를 설정하여 절대 위치 방식으로 지정해보시기 바랍니다.

.wj-cell.wj-header .wj-btn {
  position: absolute;
  right: 5px;
}


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


감사합니다. 

그레이프시티 드림 

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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