유료화된 Jqgrid를 대체할 library를 찾고 있었는데 덕분에 잘 쓰고 있습니다 ^^
일반적인 Spring Web Application 으로 html / JS 만들어서 테스트 하고 있는데, 처음에 div를 정의할때 아래 style=“height…” 부분을 빼고도 정상적으로 loading이 가능할지 해서 문의 드립니다.
style=“height…” 를 빼면 첫 로딩시 grid는 보이지만 컬럼 명 name, item은 보이지 않고 grid에서 마우스휠 위/아래 클릭하면 보입니다. 물론 style= 을 넣으면 되지만 HTML을 최대한 바꾸지 않고 JS 함수 안에서 setHeight를 이용하려고 해서 문뜩 궁금해졌습니다.
<div data-ax5grid="first-grid" class="VALIGN" data-ax5grid-config="{}" style="height: 200px;"></div>
function initGrid() {
firstGrid = new ax5.ui.grid();
firstGrid.setConfig({
target: $('[data-ax5grid="first-grid"]'),
showRowSelector: false,
multipleSelect: false,
sortable: true,
multiSort: false,
remoteSort: false,
columns: [
{key: "name", label: "Name", width: 100},
{key: "item", label: "Item", width: 200}
]});
firstGrid.setHeight(gridHeight);
}