axgrid 에서 multiLine:true 시 높이 변경안됨


#1

안녕하세요 현재 1.4.112 버전을 사용하고 있는데

columns: [
{key:“kwcContent”, label:“특이사항”, width:323, align:“left”, multiLine:true}
}
multiLine을 true로 주어도 높이값이 변화하지 않고 css를 확인해보니 25px로 고정되어 있는걸 발견했습니다.
해서 임의로 css에서 높이를 auto로 바꾸었더니 높이가 변경이 되는데
결정적으로 스크롤 높이가 맞지가 않더군요.

그래서 소스를 다음과 같이 변경해서 높이값을 없애 보았으나 역시나 스크롤 높이가 맞지가 않더군요
return ‘<span data-ax5grid-cellHolder="’ + (col.multiLine ? ‘multiLine’ : ‘’) + '" ’ + (colAlign ? ‘data-ax5grid-text-align="’ + colAlign + ‘"’ : ‘’) + ‘" style="’ + (col.multiLine ? ‘’ :‘height:’ + _cellHeight + ‘px;’) + (col.multiLine ? ‘’ : 'line-height: ’ + lineHeight + ‘px;’) + ‘">’;

multiLine을 수정해 스크롤을 맞출수 있는 방법은 없는건가요?


(Thomas) #2

ax5grid는 각 행의 높이를 미리 정해주는 것을 전제로 개발되었습니다.
그래서. 높이를 가변으로 처리 할 수 없고. config.body.columnHeight 로 그 높이를 결정합니다.

config.body.columnHeight의 기본값이 25 입니다. 다음 링크는 참고 하시라고 올려둡니다.


(위태준) #3

저는 그리드에 표현할 데이터를 모두 불러온 뒤 아래와같이 css를 수정하여서 사용하고 있습니다. 특정 컬럼의 데이터가 가변적인경우 행의 높이가 가변적으로 변하도록 사용할 수 있습니다. 그리드만들때 가변되는 컬럼에 multiLine:true속성 주었구요.

참고하세요~

$(‘div[data-ax5grid=그리드ID]’).find(‘span[data-ax5grid-cellholder=multiLine]’).css(‘height’,’’);
$(‘div[data-ax5grid-panel-scroll=body]’).css(‘overflow’,‘auto’).css(‘height’,‘100%’);