$('#relativeTable').remove(); 
$('#relativeTable_wrapper').remove(); 
$("#frmB35").prepend('<table id="relativeTable" class="table table-striped table-bordered" cellspacing="0" width="100%"></table>'); 
var row = res.body.message.split("\n"); 
var thSize = $("#relativeTable thead tr th").size(); 
var wordSize = row[0].split("\t").length; 
wordSize = Number(wordSize); 
var wordArr = new Array(); 

for(var r=0; r<row.length-1; r++) { 
    var col = row[r].split("\t"); 
    var word = new Array(); 
for(var c=0; c<col.length; c++) { 
    word.push(col[c]); 

    wordArr.push(word); 

var thArr = new Array(); 
for ( var i=0; i<wordSize; i++ ) { 
    var jsonTh = new Object(); 
    if ( i == 0 ) { 
        jsonTh.title = "분류"; 
    } else if ( i == 1 ) { 
        jsonTh.title = "Keyword Set"; 
    } else if ( i > 1 ) { 
        console.log("test : ",row[0].split("\t")[i].split("/")[0]); 
    if ( row[0].split("\t")[i].split("/")[0] != "") { 
        jsonTh.title = row[0].split("\t")[i].split("/")[0]; 
    } else { 
        jsonTh.title = "빈도수"+i; 
    


    thArr.push(jsonTh); 

console.log("thArr : ",thArr); 
$('#relativeTable').DataTable({ 
    data: wordArr, 
    destroy: true, 
    columns: thArr 
}); 
$("#relativeTable_filter").css("margin-right","70px");

jquery datatable 동적으로 생성하는 방법입니다.
조금 조잡하죠???
아무리 찾아도 방법이 없어서 어쩔수 없이  table과  wrapper를 remove하고 다시 그렸습니다.

좋은방법 있으시면 댓글좀......컬럼이 동적으로 변하면 기존게
계속남아있어서...remove 를 하지 않고는 방법이 없네요....

여기에 넘어오는 데이터는 형식은
1번 검색
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5

2번 검색
컬럼1 컬럼2 컬럼3 컬럼4
컬럼1 컬럼2 컬럼3 컬럼4

이런식으로 컬럼이 동적으로 넘어오고 tab \n 형식으로 
넘어와서 잘라서 arry형식으로 받아서 데이터를 넘겼습니다.

힘드네요....ㅠ_ㅠ

'개발 > JQUERY' 카테고리의 다른 글

jquery 모음  (0) 2017.03.17
jquery 한글 영어 숫자 체크  (0) 2017.03.17
제이쿼리 stringbuffer  (0) 2017.03.17
jquery datatable 테이블  (0) 2017.03.16
제이쿼리(Jquery) 파라메터 가져오기  (0) 2017.03.15

+ Recent posts