티스토리 뷰

jqGrid는 DataTables와 더불어 가장 많이 쓰이는 JavaScript 진영의 DataGridView 라이브러리다. 하지만 jQuery UI를 기반으로 개발되었기 때문에 그리드 기반의 Twitter Bootstrap에서 사용하려면 아래와 같이 약간의 트윅이 필요하다.


<CSS>

input.ui-pg-input {
    width: auto;
    padding: 0px;
    margin: 0px;
    line-height: normal
}
select.ui-pg-selbox {
    width: auto;
    padding: 0px;
    margin: 0px;
    line-height: normal
}


<HTML>

<body data-spy="scroll" data-target=".bs-docs-sidebar" style="padding-top: 60px">
  <div class="contatiner-fluid" style="margin-left: 10px; margin-right: 10px">
    <div class="row-fluid">
      ...
        <table id="someTable"></table>
        <div id="someTablePager"></div>
      ...
    </div>
  </div>


<JavaScript>

$("#someTable").jqGrid({ ... height : 'auto', autowidth : true, shrinkToFit : false, ... });


댓글
댓글쓰기 폼