jquery-datatables 銷燬從新渲染

時間 2019-11-09

標籤 jquery datatables 銷燬從新渲染欄目 JQuery 简体版

原文原文鏈接

爲何要銷燬從新渲染？html

解決表格數據更換後數據不更新問題
解決列名更換後tbody中列的錯位問題

渲染表格對象app

<body>
    <div id="tableBox">
        <table class="dataTable table table-bordered " cellspacing="0" cellpadding="0"></table>
    </div>
</body>

<script>
    var Table = null;
    var option={
        data:data,
        columns:columns,
        ...
    }
    Table = $("#tableBox table").DataTable(option)
</script>

怎麼樣銷燬表格對象？ dom

這裏存在一個誤區：認爲生成的只有一個存在變量中表格對象，將其銷燬後就能夠了。其實datatable生成的表格對象是有兩部分構成：一爲數據對象; 二爲Dom對象spa

<script>

    //刪除表格對象
    if(Table){
        Table.destroy();
        Table.clear();
        Table=null; 
        //刪除dom中的標籤片斷
        $("#table").html("") 
        //從新加入table標籤
        $("#table").append("<table class="dataTable table table-bordered " cellspacing="0" cellpadding="0"></table>"); 
    
    }

</script>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。