webix datatable cell full

webix datatable cell column과 row size가 고정이고 cell 데이터가 크면 이상하게 2줄로 중간이 잘려서 나왔다.

이걸 어떻하나...

하고 삽질을 시작하는데..

일단 fixedRowHeight:false 로 되어 있는것을 없애니

2줄로 나왔던게 1줄로는 나왔다.

마치 css의 white-space:nowrap; 과 같아보인다.

말줄임표가 없어서 그냥 잘린것 처럼 나오긴 한다.

말줄임표(...)를 넣는게 좋아보인다.

참고로 말줄임표(ellipsis)를 css를 통해 넣으면 되는데

.ellipsis{
width: 97%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

이렇게 선언 후

template:function(obj, common, value, config){
return "<div class=\"ellipsis\" + "</div>";
}

이런식으로 하면 되고 onmouseover 까지 넣으면 좋을듯.


webix datatable cell 에 있는 데이터가 길어질때 cell 높이가 자동으로 늘어나서 모든 내용이 다 잘 보이게 하고 싶은데..

구글링을 해도 잘 모르겠다. 아는 분은 댓글 좀 달아주길 바랍니다.