From b28e845506c23bb3f7018e38a0cb2865f1bc5ae4 Mon Sep 17 00:00:00 2001
From: Alan Ren <alanren@microsoft.com>
Date: Thu, 25 Feb 2021 13:23:56 -0800
Subject: [PATCH] fix multiple button issue (#14443)

---
 src/sql/base/browser/ui/table/plugins/headerFilter.plugin.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/sql/base/browser/ui/table/plugins/headerFilter.plugin.ts b/src/sql/base/browser/ui/table/plugins/headerFilter.plugin.ts
index 8565579821..5f692caec1 100644
--- a/src/sql/base/browser/ui/table/plugins/headerFilter.plugin.ts
+++ b/src/sql/base/browser/ui/table/plugins/headerFilter.plugin.ts
@@ -99,6 +99,10 @@ export class HeaderFilter<T extends Slick.SlickData> {
 		if ((<FilterableColumn<T>>column).filterable === false) {
 			return;
 		}
+		if (args.node.classList.contains('slick-header-with-filter')) {
+			// the the filter button has already being added to the header
+			return;
+		}
 		args.node.classList.add('slick-header-with-filter');
 		const $el = jQuery(`<button aria-label="${ShowFilterText}" title="${ShowFilterText}"></button>`)
 			.addClass('slick-header-menubutton')