JQX - grid

서버의 JSON 응답중 List 를 한줄로

this.source.localdata = res.data.list;
this.source.localdata = this.source.localdata.map(record => {
  record.dummyList = record.appMasterList.map(item => `${item.appId}`).join(', ');
  return record;
});
this.$refs.myGrid1.updatebounddata('cells');

Bootstrap - 화면 좌우로 분할

<div class="container-fluido">
  <div class="row">
    <!-- 왼쪽 -->
    <div class="col-md-4">
    </div>
    
    <!-- 오른쪽 -->
    <div class="col-md-8">
    </div>
  </div>
</div>

JqxGrid - page크기 조정

<JqxGrid ref="myGrid1"
  :theme="'fluent'"
  :source="dataAdaptor"
  :columns="columns"
  :pageable="true"
  :pagesize=20
  :authheight="false"
  :height="700"
  :selectionmode="'singlerow'"
></JqxGrid>