Javascript 数据表隐藏/显示列

我使用数据表来实现一些漂亮的特性，这里我使用数据表来修复表中的列

表格结构

• 我正在用JSON数据制作我的表，它是纯动态的，使用Java脚本
• 在我的表格上方有一个下拉字段，用户选择该字段，然后单击go，我只显示用户正在选择的列
• 当用户选择一列或两列时，

  tbody

  和

  thead的列将断开

• 当我删除fixedColumn时，它工作正常，但我需要实现fixedColumn
• 当我选择下拉菜单并按go键时，我已修复的列也会显示两次

工作代码

函数格式（数字，小数=2，区域设置='en-in'）{
const fixed=parseInt（数字）.toFixed（小数）；
常量[int，dec]=固定的.split（'.'））
常量intFormatted=（+int）.toLocaleString（区域设置）
返回INTFORMATED+（十二月？“.+十二月：”；
}
风险值数据=[{
“账单日期”：“2018-08-04”，
“出口”：“JAYANAGAR”，
“毛额”：490465，
“折扣”：839，
“商品及服务税”：28465，
“金额”：518212
}, {
“账单日期”：“2018-08-04”，
“出口”：“MALLESHWARAM”，
“毛额”：99212，
“折扣”：0，
“商品及服务税”：5567，
“金额”：104801
}, {
“账单日期”：“2018-08-04”，
“出口”：“科拉尔”，
“毛额”：131349，
“折扣”：0，
“商品及服务税”：6676，
“金额”：138151
}, {
“账单日期”：“2018-08-05”，
“出口”：“JAYANAGAR”，
“毛额”：594466，
“折扣”：591，
“商品及服务税”：34374，
“金额”：628358
}, {
“账单日期”：“2018-08-05”，
“出口”：“MALLESHWARAM”，
“总额”：109029，
“折扣”：0，
“商品及服务税”：6062，
“金额”：115113
}, {
“账单日期”：“2018-08-05”，
“出口”：“科拉尔”，
“毛额”：127449，
“折扣”：0，
“商品及服务税”：6511，
“金额”：134107
}, {
“账单日期”：“2018-08-06”，
“出口”：“JAYANAGAR”，
“总额”：167811，
“折扣”：0，
“商品及服务税”：9968，
“金额”：177866
}, {
“账单日期”：“2018-08-06”，
“出口”：“科拉尔”，
“总额”：62796，
“折扣”：0，
“商品及服务税”：3257，
“金额”：66095
}, {
“账单日期”：“2018-08-07”，
“出口”：“JAYANAGAR”，
“毛额”：267398，
“折扣”：268，
“商品及服务税”：15898，
“金额”：283124
}, {
“账单日期”：“2018-08-07”，
“出口”：“MALLESHWARAM”，
“毛额”：55381，
“折扣”：0，
“商品及服务税”：3383，
“金额”：58789
}, {
“账单日期”：“2018-08-07”，
“出口”：“科拉尔”，
“总额”：64586，
“折扣”：6，
“商品及服务税”：3285，
“金额”：67886
}, {
“账单日期”：“2018-08-08”，
“出口”：“JAYANAGAR”，
“毛额”：295544，
“折扣”：246，
“商品及服务税”：17716，
“金额”：313128
}, {
“账单日期”：“2018-08-08”，
“出口”：“MALLESHWARAM”，
“毛额”：56453，
“折扣”：0，
“商品及服务税”：3462，
“金额”：59939
}, {
“账单日期”：“2018-08-08”，
“出口”：“科拉尔”，
“毛额”：65159，
“折扣”：0，
“商品及服务税”：3381，
“金额”：68558
}, {
“账单日期”：“2018-08-09”，
“出口”：“JAYANAGAR”，
“总额”：303778，
“折扣”：201，
“商品及服务税”：18115，
“金额”：321797
}, {
“账单日期”：“2018-08-09”，
“出口”：“MALLESHWARAM”，
“毛额”：60795，
“折扣”：0，
“商品及服务税”：3620，
“金额”：64431
}, {
“账单日期”：“2018-08-09”，
“出口”：“科拉尔”，
“毛额”：54495，
“折扣”：0，
“商品及服务税”：2841，
“金额”：57352
}, {
“账单日期”：“2018-08-10”，
“出口”：“JAYANAGAR”，
“总额”：305223，
“折扣”：53，
“商品及服务税”：18287，
“金额”：323556
}, {
“账单日期”：“2018-08-10”，
“出口”：“MALLESHWARAM”，
“总额”：55584，
“折扣”：36，
“商品及服务税”：3207，
“金额”：58772
}, {
“账单日期”：“2018-08-10”，
“出口”：“科拉尔”，
“毛额”：41584，
“折扣”：0，
“商品及服务税”：2128，
“金额”：43722
}, {
“账单日期”：“2018-08-11”，
“出口”：“JAYANAGAR”，
“总额”：439024，
“折扣”：177，
“商品及服务税”：25148，
“金额”：464127
}, {
“账单日期”：“2018-08-11”，
“出口”：“MALLESHWARAM”，
“总额”：88009，
“折扣”：0，
“商品及服务税”：5090，
“金额”：93110
}, {
“账单日期”：“2018-08-11”，
“出口”：“科拉尔”，
“总额”：59188，
“折扣”：0，
“商品及服务税”：3156，
“金额”：62213
}, {
“账单日期”：“2018-08-12”，
“出口”：“JAYANAGAR”，
“毛额”：593776，
“折扣”：809，
“商品及服务税”：33689，
“金额”：626772
}, {
“账单日期”：“2018-08-12”，
“出口”：“MALLESHWARAM”，
“总额”：119723，
“折扣”：45，
“商品及服务税”：7245，
“金额”：126933
}, {
“账单日期”：“2018-08-12”，
“出口”：“科拉尔”，
“毛额”：59926，
“折扣”：0，
“商品及服务税”：3170，
“金额”：63119
}, {
“账单日期”：“2018-08-13”，
“出口”：“JAYANAGAR”，
“总额”：157580，
“折扣”：340，
“商品及服务税”：10053，
“金额”：167391
}, {
“账单日期”：“2018-08-13”，
“出口”：“科拉尔”，
“毛额”：25730，
“折扣”：0，
“商品及服务税”：1368，
“金额”：27110
}, {
“账单日期”：“2018-08-14”，
“出口”：“JAYANAGAR”，
“总额”：260106，
“折扣”：298，
“商品及服务税”：15181，
“金额”：275115
}, {
“账单日期”：“2018-08-14”，
“出口”：“MALLESHWARAM”，
“毛额”：55145，
“折扣”：19，
“商品及服务税”：3480，
“金额”：58633
}, {
“账单日期”：“2018-08-14”，
“出口”：“科拉尔”，
“总额”：36664，
“折扣”：0，
“商品及服务税”：1916年，
“金额”：37920
}, {
“账单日期”：“2018-08-15”，
“出口”：“JAYANAGAR”，
“总额”：478163，
“折扣”：688，
“商品及服务税”：27138，
“金额”：504753
}, {
“账单日期”：“2018-08-15”，
“出口”：“MALLESHWARAM”，
“总额”：98179，
“折扣”：0，
“商品及服务税”：5661，
“金额”：103855
}, {
“账单日期”：“2018-08-15”，
“出口”：“科拉尔”，
“总额”：98536，
“折扣”：0，
“商品及服务税”：4964，
“金额”：103519
}, {
“账单日期”：“2018-08-16”，
“出口”：“JAYANAGAR”，
“总额”：277139，
“折扣”：594，
“商品及服务税”：16406，
“金额”：293049
}, {
“账单日期”：“2018-08-16”，
“出口”：“MALLESHWARAM”，
“总额”：52828，
“折扣”：0，
“商品及服务税”：3227，
“金额”：56071
}, {
“账单日期”：“2018-08-16”，
“出口”：“科拉尔”，
“毛额”：53312，
“折扣”：0，
“商品及服务税”：2730，
“金额”：56061
}, {
“账单日期”：“2018-08-17”，
“出口”：“JAYANAGAR”，
“总额”：329539，
“折扣”：91，
“商品及服务税”：19882，
“金额”：349456
}, {
“账单日期”：“2018-08-17”，
“出口”：“MALLESHWARAM”，
“总额”：62946，
“折扣”：0，
“商品及服务税”：3659，
"
var table;

table =$(table).DataTable({ //adding datatabl functionality 
    "scrollX": true,
    "scrollY": $bodyHeight + "px",
    "scrollCollapse": true,
    "paging": false,
    "info": false,
    "ordering": false,
    "searching": false,
    fixedColumns: {
      leftColumns: 1
    }
  });

$("#save").on("click", function() {

   // Get the column API object
    var column = table.column( $(this).attr('data-column') );
    // Toggle the visibility
    column.visible( ! column.visible() );
});