ninegrid2 6.149.0 → 6.151.0

package/dist/bundle.cjs.js

@@ -18017,9 +18017,28 @@ class ngFiltering
 		return index;
 	};
 	
-	
 	#on = () => {
 		this.#isFiltering = true;
+		const lastRowIndex = this.#getLastRowIndex();
+
+		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((td) => {
+			const rowIndex = td.closest("tr")?.sectionRowIndex;
+			if (rowIndex !== undefined && rowIndex + td.rowSpan - 1 === lastRowIndex) {
+				const options = Array.from(this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`))
+					.map(el => el.dataset.bind ? { colnm: el.dataset.bind, data: [] } : null)
+					.filter(Boolean); // ✅ `null` 제거
+console.log(options);
+				if (options.length > 0) {
+					const filterButton = document.createElement("ng-filter-button");
+					td.appendChild(filterButton);
+					filterButton.filterOptions = options;
+				}
+			}
+		});
+	};
+
+	#on1 = () => {
+		this.#isFiltering = true;
 
 		const lastRowIndex = this.#getLastRowIndex();
 
@@ -18027,10 +18046,10 @@ class ngFiltering
 			if (td.closest("tr").sectionRowIndex + td.rowSpan - 1 === lastRowIndex) {
 				//let colnms = [];
 				const options = [];
-				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((elem) => {
-					if (elem.dataset.bind) {
+				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((el) => {
+					if (el.dataset.bind) {
 						options.push({
-							colnm: elem.dataset.bind,
+							colnm: el.dataset.bind,
 							data: [],
 						});
 					}
@@ -18038,10 +18057,8 @@ class ngFiltering
 
 				if (options.length > 0) {
 					const filterButton = document.createElement("ng-filter-button"); // ✅ `ng-filter-button` 생성
-					elem.appendChild(filterButton);
+					td.appendChild(filterButton);
 					filterButton.filterOptions = options; // ✅ 속성 설정
-
-					console.log(filterButton, filterButton.filterOptions);
 				}
 			}
 		});

package/dist/bundle.esm.js

@@ -18015,9 +18015,28 @@ class ngFiltering
 		return index;
 	};
 	
-	
 	#on = () => {
 		this.#isFiltering = true;
+		const lastRowIndex = this.#getLastRowIndex();
+
+		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((td) => {
+			const rowIndex = td.closest("tr")?.sectionRowIndex;
+			if (rowIndex !== undefined && rowIndex + td.rowSpan - 1 === lastRowIndex) {
+				const options = Array.from(this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`))
+					.map(el => el.dataset.bind ? { colnm: el.dataset.bind, data: [] } : null)
+					.filter(Boolean); // ✅ `null` 제거
+console.log(options);
+				if (options.length > 0) {
+					const filterButton = document.createElement("ng-filter-button");
+					td.appendChild(filterButton);
+					filterButton.filterOptions = options;
+				}
+			}
+		});
+	};
+
+	#on1 = () => {
+		this.#isFiltering = true;
 
 		const lastRowIndex = this.#getLastRowIndex();
 
@@ -18025,10 +18044,10 @@ class ngFiltering
 			if (td.closest("tr").sectionRowIndex + td.rowSpan - 1 === lastRowIndex) {
 				//let colnms = [];
 				const options = [];
-				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((elem) => {
-					if (elem.dataset.bind) {
+				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((el) => {
+					if (el.dataset.bind) {
 						options.push({
-							colnm: elem.dataset.bind,
+							colnm: el.dataset.bind,
 							data: [],
 						});
 					}
@@ -18036,10 +18055,8 @@ class ngFiltering
 
 				if (options.length > 0) {
 					const filterButton = document.createElement("ng-filter-button"); // ✅ `ng-filter-button` 생성
-					elem.appendChild(filterButton);
+					td.appendChild(filterButton);
 					filterButton.filterOptions = options; // ✅ 속성 설정
-
-					console.log(filterButton, filterButton.filterOptions);
 				}
 			}
 		});

package/dist/etc/ngFiltering.js

@@ -152,9 +152,28 @@ export class ngFiltering
 		return index;
 	};
 	
-	
 	#on = () => {
 		this.#isFiltering = true;
+		const lastRowIndex = this.#getLastRowIndex();
+
+		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((td) => {
+			const rowIndex = td.closest("tr")?.sectionRowIndex;
+			if (rowIndex !== undefined && rowIndex + td.rowSpan - 1 === lastRowIndex) {
+				const options = Array.from(this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`))
+					.map(el => el.dataset.bind ? { colnm: el.dataset.bind, data: [] } : null)
+					.filter(Boolean); // ✅ `null` 제거
+console.log(options);
+				if (options.length > 0) {
+					const filterButton = document.createElement("ng-filter-button");
+					td.appendChild(filterButton);
+					filterButton.filterOptions = options;
+				}
+			}
+		});
+	};
+
+	#on1 = () => {
+		this.#isFiltering = true;
 
 		const lastRowIndex = this.#getLastRowIndex();
 
@@ -162,10 +181,10 @@ export class ngFiltering
 			if (td.closest("tr").sectionRowIndex + td.rowSpan - 1 === lastRowIndex) {
 				//let colnms = [];
 				const options = [];
-				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((elem) => {
-					if (elem.dataset.bind) {
+				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((el) => {
+					if (el.dataset.bind) {
 						options.push({
-							colnm: elem.dataset.bind,
+							colnm: el.dataset.bind,
 							data: [],
 						});
 					}
@@ -173,10 +192,8 @@ export class ngFiltering
 
 				if (options.length > 0) {
 					const filterButton = document.createElement("ng-filter-button"); // ✅ `ng-filter-button` 생성
-					elem.appendChild(filterButton);
+					td.appendChild(filterButton);
 					filterButton.filterOptions = options; // ✅ 속성 설정
-
-					console.log(filterButton, filterButton.filterOptions);
 				}
 			}
 		});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.149.0",
+  "version": "6.151.0",
   "main": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",

package/src/etc/ngFiltering.js

@@ -152,9 +152,28 @@ export class ngFiltering
 		return index;
 	};
 	
-	
 	#on = () => {
 		this.#isFiltering = true;
+		const lastRowIndex = this.#getLastRowIndex();
+
+		this.#owner.body.querySelectorAll(".ng-table thead th, .ng-table thead td").forEach((td) => {
+			const rowIndex = td.closest("tr")?.sectionRowIndex;
+			if (rowIndex !== undefined && rowIndex + td.rowSpan - 1 === lastRowIndex) {
+				const options = Array.from(this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`))
+					.map(el => el.dataset.bind ? { colnm: el.dataset.bind, data: [] } : null)
+					.filter(Boolean); // ✅ `null` 제거
+console.log(options);
+				if (options.length > 0) {
+					const filterButton = document.createElement("ng-filter-button");
+					td.appendChild(filterButton);
+					filterButton.filterOptions = options;
+				}
+			}
+		});
+	};
+
+	#on1 = () => {
+		this.#isFiltering = true;
 
 		const lastRowIndex = this.#getLastRowIndex();
 
@@ -162,10 +181,10 @@ export class ngFiltering
 			if (td.closest("tr").sectionRowIndex + td.rowSpan - 1 === lastRowIndex) {
 				//let colnms = [];
 				const options = [];
-				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((elem) => {
-					if (elem.dataset.bind) {
+				this.#owner.activeTmpl.querySelectorAll(`[data-col="${td.dataset.col}"]`).forEach((el) => {
+					if (el.dataset.bind) {
 						options.push({
-							colnm: elem.dataset.bind,
+							colnm: el.dataset.bind,
 							data: [],
 						});
 					}
@@ -173,10 +192,8 @@ export class ngFiltering
 
 				if (options.length > 0) {
 					const filterButton = document.createElement("ng-filter-button"); // ✅ `ng-filter-button` 생성
-					elem.appendChild(filterButton);
+					td.appendChild(filterButton);
 					filterButton.filterOptions = options; // ✅ 속성 설정
-
-					console.log(filterButton, filterButton.filterOptions);
 				}
 			}
 		});