IT의 신

css 초보로서 삽질끝에 알아낸 방법 입니다. 하.. 기초가 있었으면 좋았을 텐데.. 기초 없이 시작하려니 삽질을 많이 하게 되네요. 마진이 들어가 있어 없앨려고 하는데 자꾸 안되었다. css 즉, 캐스케이드가 되어 있어서 상위에서 css를 적용했다고 하더라도 하위에서 재정의 하면 그것이 적용되는것을 경험해서 알고 있었다. 그래서 해당페이지 상위에서 id나 class에 대해 재정의해서 쓰거나 해당 태그 엘리먼트에 style 을 사용해서 재정의 해서 쓰면 따로 그 부분만 적용이 되었는데.. 이번에도 마진이 적용되어 있어서 그것을 없애려고 해당페이지에서 재정의를 했는데 적용이 안되는 것이었다. 이상하네.. 알고보니 상위에서 !important를 사용해서 정의를 해 놓았다. 그렇게되면 하위에서 재정의를 해도 ..

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; } 이렇게 선언 후..

webix datatable에 가로 스크롤이 자리를 잡고 있었다. 가로 스크롤이 있을 필요가 없어서 가로스크롤 자리를 없애고 싶은데.. 삽질을 하다보니까 scroll:"false" 를 하면 된다고 해서 해보니 정말 가로 스크롤이 없어졌다. 아래 webix 문서를 참고하길 바란다. By default, a component features vertical scrolling. It can be modified via the dedicated scroll property that may take the following values: "y" or true - sets a vertical scrollbar; "x" - sets a horizontal scrollbar; "xy" - sets both horizo..