Rechercher directement un département : 
			<select class="itemName_stats form-control" style="width:500px" name="itemName_stats">
			</select>
			<script type="text/javascript">  
				$(document).ajaxStart(function() {
					$('#loading').addClass('loading');
					$('#loading-content').addClass('loading-content');
				});

				$(document).ajaxStop(function() {
					$('#loading').removeClass('loading');
					$('#loading-content').removeClass('loading-content');
				});
      
				$('.itemName_stats').select2({
					language: "fr",
					placeholder: 'Rechercher un departement',
					inputTooShort: function () {
						return "You must enter more characters...";
					},
					ajax: {
						url: 'https://www.valeursimmo.com/wp-content/themes/shapely/primmobox/autocomplete_stats.php',
						dataType: 'json',
						delay: 100,
						processResults: function (data_stats) {
							return {
								results: data_stats
							};
						},
						cache: true
					},
				});
				
				var $table = $('#available_data');
				$('.itemName_stats').on('select2:select', function (e) {
					var post_data_stats = e.params.data;
					e.preventDefault();
					$('#loader').removeClass('display-none')
					$.ajax({ 
						url: 'https://www.valeursimmo.com/wp-content/themes/shapely/primmobox/get_data_stats.php',
						dataType: 'json',
						data: post_data_stats,
                    	cache: true,
						success: function(response_stats)
						{
							generateTable_stats(response_stats, $('#available_data'));
                    	}, 
						error: function(response_stats)
						{
							generateTable_stats(response_stats, $('#available_data'));
						}
       				});
				});
				
				function paramBuilder(column){
					var list = {"":""};
					var data = this.getData().map(a => a[column]);

					data.forEach(function(item){
						if(typeof item !== "undefined"){
							list[item] = item;
						}
					});
					return list;
				}
				function delay (miliseconds) {
					return new Promise((resolve) => {
						window.setTimeout(() => {
							resolve();
						}, miliseconds);
					});
				}
				function partial(func /*, 0..n args */) {
					var args = Array.prototype.slice.call(arguments, 1);
					return function() {
						var allArguments = args.concat(Array.prototype.slice.call(arguments));
						return func.apply(this, allArguments);
					};
				}
								
				async function generateTable_stats(response_stats, table_stats){
					$(".itemName_stats").val(''); //set the value
					$(".itemName_stats").html('');
					if (response_stats == null ) {
						$('#header_data').empty();
						$('#header_data').append("<H2> Pas de resultats </H2>");
						$('#wrapper').empty();
						return false;
					}
					if (response_stats.Error == 429) {
						$('#header_data').empty();
						$('#header_data').append("<H2> Limite de demande atteinte </H2>");
						$('#wrapper').empty();
						return false;
					}
					
					const arrayUniqueByKeyAnnee = [...new Map(response_stats.map(item => [item['Annee'], item])).values()];
					const arrayUniqueByKeyAge = [...new Map(response_stats.map(item => [item['Age'], item])).values()];
					const arrayUniqueByKeyType = [...new Map(response_stats.map(item => [item['Type'], item])).values()];
					
					
					$('#header_data').empty();
					$('#header_data').append("<H2>" + response_stats[0].dep_lib + " - " + response_stats[0].noDep + "</H2>" + "Departement: " + response_stats[0].dep_lib + "<br> Region: " + response_stats[0].region);
					$('#header_data').append("<br> Année: ");
					for(var i=0;i<arrayUniqueByKeyAnnee.length;i++){
						var newLink = document.createElement('a');
						newLink.innerHTML = arrayUniqueByKeyAnnee[i].Annee;
						newLink.onclick = function () {
							table_stats.setHeaderFilterValue("Annee", this.innerHTML);
						};
						if(i > 0) {
							$('#header_data').append(" - ");
						}
						$('#header_data').append(newLink);	
					}
					
					var printIcon = function(cell, formatterParams, onRendered){ //plain text value
						return "<i class='fa fa-calculator'></i>";
					};
					
					var table_stats = new Tabulator("#wrapper", {
						data:response_stats, //set initial table data
						layout:"fitColumns",
						layoutColumnsOnNewData:true,
						printAsHtml:true,
    					printHeader:"<h1>" + response_stats[0].dep_lib + " - " + response_stats[0].noDep + "</H2>" + "Departement: " + response_stats[0].dep_lib + "<br> Region: " + response_stats[0].region + "<h1>",
    					printFooter:"<h6 align='center'>Editions Callon Moullé - www.valeursimmo.com<img width='165' height='55' src='https://www.valeursimmo.com/wp-content/uploads/2022/11/logo_edcallon_72dpi-01-1-1-228x76.png' class='custom-logo logo' alt='Editions C2M'></h6>",
						printConfig:{
							 columnCalcs:false, //do not include column calcs in printed table
						 },
						pagination:"local",
    					paginationSize:20,
    					paginationSizeSelector:[10, 20, 50, 100],
    					paginationCounter:"rows",
						placeholderHeaderFilter:"Aucune données avec ces filtres",
						locale:true,
						langs:{
							"fr-fr":{ //French language definition
								"pagination":{
									 "counter":{
										 "showing": "",
										 "of": "sur",
										 "rows": "lignes",
										 "pages": "pages",
									 },
									"page_title":"Afficher la page",
									"first":"<<",
									"first_title":"Première Page",
									"last":">>",
									"last_title":"Dernière Page",
									"prev":"<",
									"prev_title":"Page Précédente",
									"next":">",
									"next_title":"Page Suivante",
									"page_size":"Nombre de lignes",
									"all":"Toute"
								},
							},
						},
						columns:[
							{title:"Annee", field:"Annee", sorter:"string", headerFilter:"list", headerFilterParams:{valuesLookup:true, clearable:false}, bottomCalc:"count"},
							{title:"Logement", field:"taille", sorter:"string", headerFilter:"list", headerFilterParams:{valuesLookup:true, clearable:false}, bottomCalc:"count"},
							{title:"Type", field:"Type", sorter:"string", headerFilter:"list", bottomCalc:"count", headerFilterParams:{valuesLookup:true, clearable:true}},
							{title:"Désignation", field:"TypeStats", sorter:"string", headerFilter:"list", bottomCalc:"count", headerFilterParams:{valuesLookup:true, clearable:true}},
							{title:"Zone", field:"Zone", sorter:"string", headerFilter:"list", bottomCalc:"count", headerFilterParams:{valuesLookup:true, clearable:true}},
							{title:"Type de valeur", field:"Type_valeur", sorter:"string", headerFilter:"list", headerFilterParams:{valuesLookup:true, clearable:true}, bottomCalc:"count"},
							{//create column group
								title:"Prix",
								columns:[
								{title:"Moyenne", field:"Prix", bottomCalc:"count", hozAlign:"center", sorter:"number", formatter:"money", formatterParams:{
																												decimal:",",
																												thousand:" ",
																												symbol:"€",
																												symbolAfter:"p",
																												precision:0,
																											}},
								],
							},
						],
					});
					
					document.getElementById("print_button").style.display = "grid";
					document.getElementById("print_button").style.justifyContent = "end";
					const box = document.getElementById('print-table');
					box.replaceWith(box.cloneNode(true));
					//print button
					document.getElementById("print-table").addEventListener("click", function(){
					   table_stats.print(false, true);
					});
					table_stats.on("dataFiltered", function(){
						//filters - array of filters currently applied
						//rows - array of row components that pass the filters
						setTimeout(function() {
							// do something 1000ms later here.
							results = table_stats.getCalcResults();	
							var data_count = results.bottom
							var data_arr;
							var non_empty = 0;
							for (var items in data_count) {
								if (data_count[items] == 0) {
									table_stats.hideColumn(items); //hide the "name" column
									table_stats.setHeaderFilterValue(items, "");
									table_stats.redraw();
								} else if (data_count[items] > 0) {
									non_empty = non_empty + 1;
									table_stats.showColumn(items); //show the "name" column
									table_stats.redraw();
								}
							}
							if (non_empty == 0) {
								var filters = table_stats.getHeaderFilters();
								if (typeof filters !== 'undefined' && filters.length > 0) {
									var lastElement = filters.pop();
									modal.style.display = "block";
									table_stats.setHeaderFilterValue(lastElement.field, "");
								}
							}
						}, 100);					
					});
					
					table_stats.on("tableBuilt", function(){
					const el_Annee = document.querySelector('[tabulator-field="Annee"]');
					const el_Type = document.querySelector('[tabulator-field="Type"]');
					const el_TypeStats = document.querySelector('[tabulator-field="TypeStats"]');
					const el_TypeLogement = document.querySelector('[tabulator-field="taille"]');
					const el_Zone = document.querySelector('[tabulator-field="Zone"]');

					newDiv = document.createElement('div');	
					newLink = document.createElement('a');		
					newLink.innerHTML = "X";
					newLink.onclick = function () {
						table_stats.setHeaderFilterValue("Type", "");
					};
					newDiv.classList.add("filter_table");
					newDiv.append(newLink);	
					el_Type.append(newDiv);	

					newDiv = document.createElement('div');	
					newLink = document.createElement('a');	
					newLink.innerHTML = "X";
					newLink.onclick = function () {
						table_stats.setHeaderFilterValue("Annee", "");
					};
					newDiv.classList.add("filter_table");
					newDiv.append(newLink);	
					el_Annee.append(newDiv);	
						
					newDiv = document.createElement('div');	
					newLink = document.createElement('a');		
					newLink.innerHTML = "X";
					newLink.onclick = function () {
						table_stats.setHeaderFilterValue("TypeStats", "");
					};
					newDiv.classList.add("filter_table");
					newDiv.append(newLink);	
					el_TypeStats.append(newDiv);					
						
					newDiv = document.createElement('div');	
					newLink = document.createElement('a');		
					newLink.innerHTML = "X";
					newLink.onclick = function () {
						table_stats.setHeaderFilterValue("taille", "");
					};
					newDiv.classList.add("filter_table");
					newDiv.append(newLink);	
					el_TypeLogement.append(newDiv);	
					});
				}
				
			</script>