基于另一个Filtered dataTable表更新dataTable表

Question

我正在使用dataTable库来显示我从数据库中获取的数据，这里的一切工作正常如下表：

此表自动更新，顶部有过滤器，例如，当我选择时，特定客户，表被过滤（这由dataTable处理），例如，当我选择DATASTREAM CUSTOMER时，它显示我只与该客户相关的行：

但是，我正在创建另一个使用第一个表中当前过滤数据的表。例如：

没有。新表中的请求基本上是更新表中的行数。

一开始，没有。第二个表中的请求是正确的，因为我有9行。

但是，当我使用过滤器时，客户过滤器，例如否。请求保持不变并且不会发生变化。

如何根据第一个表动态更改第二个表的值，我应该使用偶数还是什么？或者，我应该在哪里插入生成第二个表的HTML的代码？

这是我的代码：

＆＃13;

＆＃13;

var PoCTableDivHTML = makePoCTableHTML (PoCDataFromAJAXQuery); // HTML from the first table 

$('#PoCTableDivID').html(PoCTableDivHTML);  // update the div with HTML

// apply the filters and attach them to the selectors 
$('#CurrentActiveViewPoCTable').dataTable().columnFilter({
			aoColumns: [ null,null, {  sSelector: "#customerSelect", type:"select" }, null , null ,null,null,null,null,null,{  sSelector: "#CUSelect", type:"select" },{  sSelector: "#DomainSelect", type:"select" },{  sSelector: "#SubDomainSelect", type:"select" }]
            
		});

	
	
// get the first table 			
var PoC_Table = document.getElementById('CurrentActiveViewPoCTable');

//gets rows of the first table
var rowLength = PoC_Table.rows.length;

var AnalysisTableDivhTML = makeAnalysisTableHTML(rowLength);// generate the html for the second table 

$('#PoC_AnalyisisTableDivID').html(AnalysisTableDivhTML);  // attach the second table html to its div
$('#CurrentActiveViewPoC_AnalysisTable').dataTable();	// call data table 

＆＃13;

＆＃13;

＆＃13;

＆＃13;

这是从第一个HTML表中获取数据并更新第二个表的函数：

＆＃13;

＆＃13;

unction makeAnalysisTableHTML (NoOFrowTest)
{
	var analysisTableHTML;
	// add the table ID and the header 
	analysisTableHTML= '<table id="CurrentActiveViewPoC_AnalysisTable"  style="float:left;" class="display dataTable" cellspacing="0" width="100%">\
	<thead style="display:none;">\
		<tr>\
			<th> property  </th>\
			<th> value </th>\
		</tr>\
	</thead>';
	
	// add the footer 
	analysisTableHTML += 
	'<tfoot style="display:none;">\
		<tr>\
			<th> property  </th>\
			<th> value </th>\
		</tr>\
	</tfoot>';
	
	// add the body of the table 
	analysisTableHTML += 
	'<tbody>\
		<tr>';
	 analysisTableHTML +=		'<td>'+  "no. of requests"	 +'</td>';
	 analysisTableHTML +=		'<td>' + NoOFrowTest +'</td>';
	 analysisTableHTML +=
		'</tr>\
		<tr>\
			<td> No. of approved ongoing PoC </td>\
			<td> update later </td>\
		</tr>\
	</tbody></table>';
	
	return analysisTableHTML;
	
	
}

＆＃13;

＆＃13;

＆＃13;