@keenthemes/ktui 1.1.3 → 1.1.4

package/dist/ktui.js

@@ -7521,9 +7521,13 @@ var KTDataTable = /** @class */ (function (_super) {
         var originalDataAttributes = [];
         this._storeOriginalClasses();
         var rows = this._tbodyElement.querySelectorAll('tr');
-        var ths = this._theadElement
+        // Filter th elements to only include those with data-kt-datatable-column attribute
+        var allThs = this._theadElement
             ? this._theadElement.querySelectorAll('th')
             : [];
+        var ths = Array.from(allThs).filter(function (th) {
+            return th.hasAttribute('data-kt-datatable-column');
+        });
         rows.forEach(function (row) {
             var dataRow = {};
             var dataRowAttribute = {};
@@ -7551,9 +7555,13 @@ var KTDataTable = /** @class */ (function (_super) {
      */
     KTDataTable.prototype._localTableHeaderInvalidate = function () {
         var originalData = this.getState().originalData;
-        var currentTableHeaders = this._theadElement
-            ? this._theadElement.querySelectorAll('th').length
-            : 0;
+        // Count only th elements with data-kt-datatable-column attribute
+        var allThs = this._theadElement
+            ? this._theadElement.querySelectorAll('th')
+            : [];
+        var currentTableHeaders = Array.from(allThs).filter(function (th) {
+            return th.hasAttribute('data-kt-datatable-column');
+        }).length;
         var totalColumns = originalData.length
             ? Object.keys(originalData[0]).length
             : 0;
@@ -7803,9 +7811,14 @@ var KTDataTable = /** @class */ (function (_super) {
             this._noticeOnTable(this._config.infoEmpty || '');
             return tbodyElement;
         }
-        var ths = this._theadElement
+        // Filter th elements to only include those with data-kt-datatable-column attribute
+        // This prevents creating blank td elements for merged header cells (colspan/rowspan)
+        var allThs = this._theadElement
             ? this._theadElement.querySelectorAll('th')
             : [];
+        var ths = Array.from(allThs).filter(function (th) {
+            return th.hasAttribute('data-kt-datatable-column');
+        });
         this._data.forEach(function (item, rowIndex) {
             var row = document.createElement('tr');
             // Apply original tr class if available
@@ -7816,7 +7829,7 @@ var KTDataTable = /** @class */ (function (_super) {
                 var dataRowAttributes_1 = _this.getState().originalDataAttributes
                     ? _this.getState().originalDataAttributes[rowIndex]
                     : null;
-                // Use the order of <th> elements to render <td>s in the correct order
+                // Use the order of <th> elements with data-kt-datatable-column to render <td>s in the correct order
                 ths.forEach(function (th, colIndex) {
                     var colName = th.getAttribute('data-kt-datatable-column');
                     var td = document.createElement('td');
@@ -11018,14 +11031,17 @@ var KTSelect = /** @class */ (function (_super) {
                 }
                 else {
                     // Tags are not enabled AND options are selected: render normal text display.
-                    var content = '';
+                    // Wrap content in .kt-select-option-text so long text truncates in single-select (see Asana #1212821478465094).
+                    var wrapper = document.createElement('div');
+                    wrapper.className = 'kt-select-option-text';
+                    wrapper.setAttribute('data-kt-text-container', 'true');
                     if (this._config.displayTemplate) {
-                        content = this.renderDisplayTemplateForSelected(this.getSelectedOptions());
+                        wrapper.innerHTML = this.renderDisplayTemplateForSelected(this.getSelectedOptions());
                     }
                     else {
-                        content = this.getSelectedOptionsText();
+                        wrapper.textContent = this.getSelectedOptionsText();
                     }
-                    valueDisplayEl.innerHTML = content;
+                    valueDisplayEl.replaceChildren(wrapper);
                 }
             }
         }