0. index.html파일에 table id elements로 추가 및 table header추가

<table id="Elements" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Elment Tag</th>
            <th>Tag Name</th>
            <th>Value</th>
        </tr>
    </thead>
</table>

1.먼저 최초 ready시에 초기 값 설정 시작

$(document).ready(function() {
...
}

2. DataTables의 object 생성

elementTable = $('#Elements').DataTable({
    paging: false,
    searching: false
});

3. DataTables에 나와있는 예제 형식으로 row add로 추가
draw(false) 추가 해야 함 

var counter = 1;    
elementTable.row.add([
    counter +'.22',
    counter +'.33',
    counter +'.44'
] ).draw(false);

4.element 형식으로 출력하기 위해 임시 dictionary를 추가

var items = [
    {
        "Elment Tag": "0000:0001",
        "Tag Name":   "System Architect",
        "Value":      "$3,120",
    },
    {
        "Elment Tag": "0000:0002",
        "Tag Name":   "Test Architect",
        "Value":      "$2220",
    }
]

elementTable.row.add([
    items[0]["Elment Tag"],
    items[0]["Tag Name"],
    items[0]["Value"],
]).draw(false);

5.결과 화면