@ukic/canary-web-components 2.0.0-canary.37 → 2.0.0-canary.38

package/dist/cjs/ic-data-table.cjs.entry.js

@@ -417,6 +417,7 @@ const DataTable = class {
             const data = this.showPagination
                 ? this.data.slice(this.fromRow, this.toRow)
                 : this.data.slice();
+            const paginationOffset = this.showPagination ? this.fromRow : 0;
             /**
              * Ensures that createCells has a value in data to map over to actually render the slot.
              * Removes the need for the user to add it multiple times.
@@ -425,7 +426,10 @@ const DataTable = class {
              */
             const organisedData = data.map((row, rowIndex) => {
                 const slottedColumns = this.columns
-                    .map(({ key }, index) => helpers.isSlotUsed(this.el, `${key}-${rowIndex}`) && { key, index })
+                    .map(({ key }, index) => helpers.isSlotUsed(this.el, `${key}-${rowIndex + paginationOffset}`) && {
+                    key,
+                    index,
+                })
                     .filter((col) => !!col &&
                     // skip the column if its already in the row
                     !Object.prototype.hasOwnProperty.call(row, col.key));
@@ -444,7 +448,7 @@ const DataTable = class {
                         ["table-row"]: true,
                         ["table-row-selected"]: this.highlightSelectedRow && this.selectedRow === row,
                     }
-                }, this.createCells(row, index$1)));
+                }, this.createCells(row, index$1 + paginationOffset)));
             });
         };
         this.getObjectValue = (cell, key) => Object.values(cell)[Object.keys(cell).indexOf(key)];