pug템플릿엔진 이용 시 ax5ui showRowSelector 체크박스 크기가 비정상적으로 출력됩니다.

Question

html head meta(charset="UTF-8") link(rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/ax5ui/ax5ui-kernel/master/dist/ax5ui.all.css") script(type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js") script(type="text/javascript" src="https://cdn.rawgit.com/ax5ui/ax5ui-kernel/master/dist/ax5ui.all.min.js") title RoyaltyReport body(id="page-top") div(data-ax5grid="first-grid" data-ax5grid-config="{}" style="width:100%; height:300px;") //- script(type="text/javascript" src="/javascripts/script.js") script. ax5.ui.grid.formatter["date"] = function() { var date = this.value; if(date.length == 8) { return date.substr(0, 4) + "-" + date.substr(4, 2) + "-" + date.substr(6); } else { return date; } } //- 그리드 객체 생성 var firstGrid = new ax5.ui.grid(); //- 그리드 설정 지정 firstGrid.setConfig({ target: $('[data-ax5grid="first-grid"]'), showLineNumber: true, showRowSelector: true, multipleSelect: false, lineNumberColumnWidth: 40, rowSelectorColumnWidth: 27, sortable: true, multiSort: false, columns: [ {key: "date",label: "날짜", formatter: "date", align: "center",editor: {type: "text"}}, {key: "type", label: "구분", align: "center"}, {key: "amount", label: "주유량", align: "center"}, {key: "mileage", label: "주행거리(km)", align: "center"}, {key: "price", label: "금액(원)", formatter: "money", align: "center"}, {key: "repair", label: "정비내역", align: "center", editor: {type: "checkbox"}}, {key: "note", label: "비고", align: "center"} ] }); var list = []; for (var i = 0; i < 15; i++) { list.push({date: "20170101", type: "주유", amount: 25, mileage: (i + 1) * 100, price: 45000, repair: "-", note: "-"}); } firstGrid.setData(list); nodejs 에서 pug를 사용안하고 했을때는 정상적으로 나오는데 pug로 render를 하면 저런식으로출력이 되네요 도움 부탁드립니다. 정상적인 화면입니다.

mj2 · Accepted Answer

첨부하신김에 정상적인 화면도 첨부 가능하신가요?

소월 · Answer

첨부하였습니다 ^^ 답변이 늦어 죄송합니다.

pug템플릿엔진 이용 시 ax5ui showRowSelector 체크박스 크기가 비정상적으로 출력됩니다.

2개의 답변

Q&A 목록