@limetech/lime-elements 38.3.1 → 38.3.3

package/dist/esm/limel-table.entry.js

@@ -24308,6 +24308,7 @@ const Table = class {
     this.changeColumns = createEvent(this, "changeColumns", 7);
     this.select = createEvent(this, "select", 7);
     this.selectAll = createEvent(this, "selectAll", 7);
+    this.shouldSort = false;
     this.getActiveRows = () => {
       if (!this.tabulator) {
         return [];
@@ -24365,6 +24366,7 @@ const Table = class {
     this.selection = undefined;
     this.handleDataSorting = this.handleDataSorting.bind(this);
     this.handlePageLoaded = this.handlePageLoaded.bind(this);
+    this.handleRenderComplete = this.handleRenderComplete.bind(this);
     this.handleAjaxRequesting = this.handleAjaxRequesting.bind(this);
     this.requestData = this.requestData.bind(this);
     this.onClickRow = this.onClickRow.bind(this);
@@ -24437,9 +24439,8 @@ const Table = class {
     if (this.areSameColumns(newColumns, oldColumnsInTable)) {
       return;
     }
-    // Updating columns requires a reinitialization otherwise sorting will not work
-    // afterwards
-    this.init();
+    this.tabulator.setColumns(this.getColumnDefinitions());
+    this.shouldSort = true;
   }
   updateAggregates(newAggregates, oldAggregates) {
     if (!this.tabulator) {
@@ -24556,7 +24557,7 @@ const Table = class {
     const ajaxOptions = this.getAjaxOptions();
     const paginationOptions = this.getPaginationOptions();
     const columnOptions = this.getColumnOptions();
-    return Object.assign(Object.assign(Object.assign(Object.assign({ data: this.data, layout: mapLayout(this.layout), columns: this.getColumnDefinitions(), dataSorting: this.handleDataSorting, pageLoaded: this.handlePageLoaded }, ajaxOptions), paginationOptions), { rowClick: this.onClickRow, rowFormatter: this.formatRow, initialSort: this.getInitialSorting(), nestedFieldSeparator: false }), columnOptions);
+    return Object.assign(Object.assign(Object.assign(Object.assign({ data: this.data, layout: mapLayout(this.layout), columns: this.getColumnDefinitions(), dataSorting: this.handleDataSorting, pageLoaded: this.handlePageLoaded, renderComplete: this.handleRenderComplete }, ajaxOptions), paginationOptions), { rowClick: this.onClickRow, rowFormatter: this.formatRow, initialSort: this.getInitialSorting(), nestedFieldSeparator: false }), columnOptions);
   }
   getInitialSorting() {
     if (this.currentSorting && this.currentSorting.length) {
@@ -24702,6 +24703,12 @@ const Table = class {
     }
     this.changePage.emit(page);
   }
+  handleRenderComplete() {
+    if (this.tabulator && this.shouldSort) {
+      this.shouldSort = false;
+      this.tabulator.setSort(this.getColumnSorter(this.sorting));
+    }
+  }
   onClickRow(_ev, row) {
     if (typeof row.getPosition === 'undefined') {
       // Not a data row, probably a CalcComponent