Javascript 过滤器适用于HTML表中的静态和非动态(从JSON url检索)数据

Javascript 过滤器适用于HTML表中的静态和非动态(从JSON url检索)数据,javascript,html,min,Javascript,Html,Min,我用HTML创建了一个包含静态数据的表,还从JSON文件url检索了数据。我将包含静态数据的行设置为白色背景,以便于识别: 在第一列中,有一个输入框。给定值将乘以第二列的值,结果将显示在3d列中 现在,我在页面顶部添加了一个过滤器,但它只适用于包含静态数据的行。链接位于此处:。我还创建了一个代码片段,以便于查看代码。但是,由于包含https的url,该代码段无论如何都不能用于动态加载的数据 $.getJSON 'http://apolosiskos.co.uk/TEB/MOCK_DATA.js

我用HTML创建了一个包含静态数据的表,还从JSON文件url检索了数据。我将包含静态数据的行设置为白色背景,以便于识别:

在第一列中,有一个输入框。给定值将乘以第二列的值,结果将显示在3d列中

现在,我在页面顶部添加了一个过滤器,但它只适用于包含静态数据的行。链接位于此处:。我还创建了一个代码片段,以便于查看代码。但是,由于包含https的url,该代码段无论如何都不能用于动态加载的数据

$.getJSON 'http://apolosiskos.co.uk/TEB/MOCK_DATA.json', 函数数据{ var-tr; $。每个数据、功能键、val{ tr=$; tr.append+; tr.append+val.id+; tr.append+'0.00'+; $'table'.appendtr; }; $counter low,counter high,input.keyupmultiputs; }; 函数多输入{ var-mult=0; $tr.eachfunction{ var$val1=$'.val1',this.val; var$val2=$'.locks',this.text; 变量$total=$val1*1*$val2-$val1 $'.multTotal',此.text$total.toPrecision3; mult+=$总计; }; $grandTotal.textmult; } $document.readyfunction{ var table=$'table'。数据表; $.fn.dataTable.ext.search.pushfunction设置、数据、数据索引{ return parseFloatdata[1]>=parseFloat$'counter-low'.val | | data[1]
&&parseFloatdata[1]您初始化插件太早。在ajax调用完成之前调用此插件:

$('table').DataTable();
如果你看一下标记,就会很明显。偶数和奇数类只应用于前两列,而不是其余的列,因为它们是在插件初始化之后添加的