gd-bs 6.9.13 → 6.9.15

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.9.13",
+    "version": "6.9.15",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/table/index.ts

@@ -174,7 +174,7 @@ class _Table extends Base<ITableProps> implements ITable {
 
     // Renders a row
     private renderRow(row: HTMLTableRowElement, data, rowIdx: number) {
-        // See if columns
+        // Parse the columns
         for (let i = 0; i < this.props.columns.length; i++) {
             // Create the cell
             this.renderCell(row, this.props.columns[i], data, rowIdx);
@@ -206,5 +206,45 @@ class _Table extends Base<ITableProps> implements ITable {
             }
         }
     }
+
+    // Method to update a column element
+    updateColumn(elCol: HTMLElement, colIdx: number, row: any) {
+        // Get the column
+        let colProps = this.props.columns[colIdx];
+        if (colProps) {
+            // Set the value
+            elCol.innerHTML = row[colProps.name] == null ? "" : row[colProps.name];
+
+            // See if there is an event for this column
+            if (colProps.onRenderCell) {
+                // Call the event
+                colProps.onRenderCell(elCol as HTMLTableCellElement, colProps, row);
+            }
+
+            // See if there is an event for this component
+            if (this.props.onRenderCell) {
+                // Call the event
+                this.props.onRenderCell(elCol as HTMLTableCellElement, colProps, row);
+            }
+        }
+    }
+
+    // Method to update a row element
+    updateRow(elRow: HTMLElement, row: any) {
+        // Parse the columns
+        for (let i = 0; i < this.props.columns.length; i++) {
+            let elCol = elRow.children[i] as HTMLElement;
+            if (elCol) {
+                // Update the column
+                this.updateColumn(elCol, i, row);
+            }
+        }
+
+        // See if there is an event
+        if (this.props.onRenderRow) {
+            // Call the event
+            this.props.onRenderRow(elRow as HTMLTableRowElement, row);
+        }
+    }
 }
 export const Table = (props: ITableProps, template?: string): ITable => { return new _Table(props, template); }

package/src/components/table/types.d.ts

@@ -78,6 +78,10 @@ export interface ITable {
 
     /** Shows the table. */
     show: () => void;
+
+    updateColumn: (elCol: HTMLElement, colIdx: number, row: any) => void;
+
+    updateRow: (elRow: HTMLElement, row: any) => void;
 }
 
 /**