使用jqueryDataTable 选项卡切换的时候会出现问题

Question

$('#nav-tabs li').on('click',function(){

        $('#nav-tabs li').removeClass('active');
        $(this).addClass('active');
        that.currentIndex=$(this).index();
        that.initTableData();

})

initTableData:function(){

    var that = this;
    console.log(that.currentIndex)
    var returnData = '';
    var columns='';
    if(that.currentIndex==0){
        returnData = [
            {pjwd:"经营管理能力b",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:"22"},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
        ];

        columns=[
                {"data": null, title: "序号", "width": "5%"},
                {"data": "ejzb", title: "规则主题", "width": "12%"},
                {"data": "pjzb", title: "规则分类", "width": "12%"},
                {"data": "sjly", title: "规则名称", "width": "12%"},
                {"data": "ccc", title: "规则运行结果判断", "width": "12%"},
                {"data": "pjwd", title: "问题数量", "width": "12%"},
        ];
    }
    if(that.currentIndex==1){
        returnData = [
            {pjwd:"经营管理能力b",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:"22"},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
        ];
        columns=[
                {"data": null, title: "序号", "width": "5%"},
                {"data": "pjwd", title: "省公司/直属单位", "width": "10%"},
                {"data": "ejzb", title: "规则主题", "width": "12%"},
                {"data": "pjzb", title: "规则分类", "width": "12%"},
                {"data": "sjly", title: "规则名称", "width": "12%"},
                {"data": "ccc", title: "规则运行结果判断", "width": "12%"},
                {"data": "bb", title: "问题数量", "width": "12%"},
        ];
       
    }
    if(that.currentIndex==2){
        returnData = [
            {pjwd:"经营管理能力c",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:"22"},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
            {pjwd:"经营管理能力",ejzb:"客户服务",pjzb:"优秀服务评价",sjly:"引用数据(对标管理)",ccc:"14.16",bb:'22'},
        ];
        columns=[
                {"data": null, title: "序号", "width": "5%"},
                {"data": "pjwd", title: "省公司/直属单位", "width": "10%"},
                {"data": "ejzb", title: "规则主题", "width": "12%"},
                {"data": "pjzb", title: "规则分类", "width": "12%"},
                {"data": "sjly", title: "规则名称", "width": "12%"},
                {"data": "ccc", title: "规则运行结果判断", "width": "12%"},
                {"data": "bb", title: "问题数量", "width": "12%"},
        ];

    }
    // $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust();
     var t=$("#unit-table").dataTable({
            data: returnData,
            language: trans(),
            sDom: '"top"i',
            pageLength: 10,
            autoWidth: false,
            destroy: true,
            info: true,
            ordering: false,
            columns: columns,
           
    });
}