Element 출력을 위해 Grid Framework 탐색

1.https://jspreadsheets.com 에서 검색

2.Data tables가 적합 한듯함, 편집하는 module인 Editor도 있어 연동 수월 ( https://datatables.net)

3.npm으로 설치

$npm install datatables.net    # Core library
$npm install datatables.net-dt # Styling

4.index.js에 require추가

import $ from 'jquery';
var dt = require('datatables.net');

5.index.html에 간단한 table 추가 id는 Elements

<table id="Elements" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
        </tr>
    </tbody>
</table>

6.index.js에 Data Table 초기화

$(document).ready(function() {
    $('#Elements').DataTable();
} );