Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在按钮单击事件中将两个源数据加载到数据表中_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript 如何在按钮单击事件中将两个源数据加载到数据表中

Javascript 如何在按钮单击事件中将两个源数据加载到数据表中,javascript,jquery,datatables,Javascript,Jquery,Datatables,请看一下,让我知道如何声明和初始化数据表,然后根据需要(通过单击按钮)将源数据加载到表中。我需要做的是在添加/加载新数据之前清除或截断表s var数据集1=[ [“老虎尼克松”、“系统架构师”、“爱丁堡”、“5421”、“2011/04/25”、“320800美元”], [“Garrett Winters”、“会计师”、“东京”、“8422”、“2011/07/25”、“170750美元”], [“Ashton Cox”,“初级技术作者”,“旧金山”,“1562”,“2009/01/12”,“

请看一下,让我知道如何声明和初始化数据表,然后根据需要(通过单击按钮)将源数据加载到表中。我需要做的是在添加/加载新数据之前清除或截断表
s

var数据集1=[
[“老虎尼克松”、“系统架构师”、“爱丁堡”、“5421”、“2011/04/25”、“320800美元”],
[“Garrett Winters”、“会计师”、“东京”、“8422”、“2011/07/25”、“170750美元”],
[“Ashton Cox”,“初级技术作者”,“旧金山”,“1562”,“2009/01/12”,“86000美元],
[“Cedric Kelly”、“高级Javascript开发人员”、“爱丁堡”、“6224”、“2012/03/29”、“433060美元”],
[“佐藤航空”、“会计”、“东京”、“5407”、“2008/11/28”、“162700美元”]
];
变量数据集2=[
[“戴里奥斯”、“人事主管”、“爱丁堡”、“2290”、“2012/09/26”、“217500美元”],
[“Jenette Caldwell”、“发展领导”、“纽约”、“1937”、“2011/09/03”、“345000美元”],
[“Yuri Berry”、“首席营销官(CMO)”、“纽约”、“6154”、“2009/06/25”、“675000美元”],
[“凯撒·万斯”、“售前支持”、“纽约”、“8330”、“2011/12/12”、“106450美元”],
[“Doris Wilder”、“销售助理”、“Sidney”、“3023”、“2010/09/20”、“85600美元”],
[“Angelica Ramos”、“首席执行官(CEO)”、“伦敦”、“5797”、“2009/10/09”、“1200000美元”],
[“加文·乔伊斯”、“开发商”、“爱丁堡”、“8822”、“2010/12/22”、“92575美元”]
];
var tbl=$(“#示例”).DataTable();
$(“#加载1”)。在(“单击”,函数(){
});
$(“#加载2”)。在(“单击”,函数(){
});
@import'https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css';

加载数据集1
加载数据集2
名称
办公室
用户
分享
订户日期
平衡

基本上,在再次绘制表格之前,您需要清除表格,然后添加新行:

$("#load1").on("click", function(){
    tbl.clear().rows.add(dataSet1).draw();

});

$("#load2").on("click", function(){
    tbl.clear().rows.add(dataSet2).draw();
});