dattatable 2.11.74 → 2.11.75

package/build/dashboard/table.d.ts

@@ -42,6 +42,7 @@ export declare class DataTable implements IDataTable {
     constructor(props: IDataTableProps);
     addRow(row: any): void;
     private applyPlugin;
+    private getDefaultProperties;
     /** Public Interface */
     get datatable(): any;
     get el(): HTMLElement;

package/build/dashboard/table.js

@@ -12,15 +12,55 @@ require("datatables.net-bs5");
 var DataTable = /** @class */ (function () {
     // Constructor
     function DataTable(props) {
-        var _this = this;
         this._addRowItems = [];
         this._datatable = null;
         this._props = null;
         this._table = null;
         // Save the properties
         this._props = props;
-        // Set the default properties
-        this._props.dtProps = this._props.dtProps || {
+        // Render the table
+        this.refresh(props.rows);
+    }
+    // Adds row(s) to the table
+    DataTable.prototype.addRow = function (row) {
+        var _this = this;
+        // Set the rows array
+        (typeof (row.length) === "number" ? row : [row]).forEach(function (row) {
+            var newRow = [];
+            // Parse the columns
+            for (var i = 0; i < _this._props.columns.length; i++) {
+                var column = _this._props.columns[i];
+                var value = typeof (row[column.name]) != "undefined" ? row[column.name] : "";
+                // Append the value
+                newRow.push(value);
+            }
+            // Save a reference to the original data for the event
+            var uniqueId = Date.now();
+            newRow.push(uniqueId);
+            _this._addRowItems.push({ rowId: uniqueId, row: row });
+            // Add the row
+            _this._datatable.row.add(newRow);
+        });
+        // Refresh the table
+        this._datatable.draw(false);
+    };
+    // Applies the datatables.net plugin
+    DataTable.prototype.applyPlugin = function (table) {
+        var _this = this;
+        // Call the rendering event
+        this._props.dtProps = this.getDefaultProperties(this._props.dtProps);
+        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;
+        // Render the datatable
+        this._datatable = $(table.el).DataTable(this._props.dtProps);
+        // Call the rendered event in a separate thread to ensure the dashboard object is created
+        setTimeout(function () {
+            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;
+        }, 50);
+    };
+    DataTable.prototype.getDefaultProperties = function (props) {
+        var _this = this;
+        // Return the default properties
+        return (props === null || props === void 0 ? void 0 : props.dtProps) || {
             columnDefs: [{
                     targets: "_all",
                     render: function (data, type, row, meta) {
@@ -98,43 +138,6 @@ var DataTable = /** @class */ (function () {
                 }
             }
         };
-        // Render the table
-        this.refresh(props.rows);
-    }
-    // Adds row(s) to the table
-    DataTable.prototype.addRow = function (row) {
-        var _this = this;
-        // Set the rows array
-        (typeof (row.length) === "number" ? row : [row]).forEach(function (row) {
-            var newRow = [];
-            // Parse the columns
-            for (var i = 0; i < _this._props.columns.length; i++) {
-                var column = _this._props.columns[i];
-                var value = typeof (row[column.name]) != "undefined" ? row[column.name] : "";
-                // Append the value
-                newRow.push(value);
-            }
-            // Save a reference to the original data for the event
-            var uniqueId = Date.now();
-            newRow.push(uniqueId);
-            _this._addRowItems.push({ rowId: uniqueId, row: row });
-            // Add the row
-            _this._datatable.row.add(newRow);
-        });
-        // Refresh the table
-        this._datatable.draw(false);
-    };
-    // Applies the datatables.net plugin
-    DataTable.prototype.applyPlugin = function (table) {
-        var _this = this;
-        // Call the rendering event
-        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;
-        // Render the datatable
-        this._datatable = $(table.el).DataTable(this._props.dtProps);
-        // Call the rendered event in a separate thread to ensure the dashboard object is created
-        setTimeout(function () {
-            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;
-        }, 50);
     };
     Object.defineProperty(DataTable.prototype, "datatable", {
         /** Public Interface */

package/dist/dattatable.js

@@ -247,7 +247,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.15.87_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\nvar $ = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.min.js\");\r\n__webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@2.3.7/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.3.7/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n    // Constructor\r\n    function DataTable(props) {\r\n        var _this = this;\r\n        this._addRowItems = [];\r\n        this._datatable = null;\r\n        this._props = null;\r\n        this._table = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Set the default properties\r\n        this._props.dtProps = this._props.dtProps || {\r\n            columnDefs: [{\r\n                    targets: \"_all\",\r\n                    render: function (data, type, row, meta) {\r\n                        // See if we are sorting\r\n                        if (type == \"sort\") {\r\n                            // Get the cell element\r\n                            var elCell = meta.settings.aoData[meta.row].anCells ? meta.settings.aoData[meta.row].anCells[meta.col] : null;\r\n                            if (elCell) {\r\n                                // Return the order/sort attribute, inner html or data value\r\n                                return elCell.getAttribute(\"data-order\") || elCell.getAttribute(\"data-sort\") || elCell.innerText || data;\r\n                            }\r\n                        }\r\n                        return data;\r\n                    }\r\n                }],\r\n            // This will call the render event if the addRow method is used\r\n            createdRow: function (row, data, dataIndex) {\r\n                // Get the row\r\n                var rowId = data[data.length - 1];\r\n                var rowItem = null;\r\n                for (var i = 0; i < _this._addRowItems.length; i++) {\r\n                    // See if this is the target row\r\n                    if (_this._addRowItems[i].rowId == rowId) {\r\n                        // Remove it from the array\r\n                        rowItem = _this._addRowItems.splice(i, 1)[0].row;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if the row item was found, otherwise it wasn't rendered from the addRows function\r\n                if (rowItem) {\r\n                    // Parse the columns\r\n                    for (var i = 0; i < _this._props.columns.length; i++) {\r\n                        var column = _this._props.columns[i];\r\n                        // See if an event exists\r\n                        if (column.onRenderCell) {\r\n                            // Call it\r\n                            column.onRenderCell(row.children[i], column, rowItem || data, dataIndex);\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            drawCallback: function (settings) {\r\n                var api = new $.fn.dataTable.Api(settings);\r\n                // Styling option for striped rows\r\n                $(api.context[0].nTable).addClass('table-striped');\r\n                // Align the text to be centered\r\n                $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');\r\n                $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');\r\n                // Remove the label spacing to align with paging\r\n                $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');\r\n                // Push paging to the end\r\n                $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');\r\n                // Add spacing for the footer\r\n                $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');\r\n            },\r\n            language: {\r\n                lengthMenu: \"_MENU_\",\r\n                paginate: {\r\n                    first: \"First\",\r\n                    last: \"Last\",\r\n                    next: \"Next\",\r\n                    previous: \"Previous\"\r\n                }\r\n            },\r\n            layout: {\r\n                top: null,\r\n                topStart: null,\r\n                topEnd: null,\r\n                bottom: \"info\",\r\n                bottomStart: \"pageLength\",\r\n                bottomEnd: {\r\n                    paging: {\r\n                        type: \"full_numbers\"\r\n                    }\r\n                }\r\n            }\r\n        };\r\n        // Render the table\r\n        this.refresh(props.rows);\r\n    }\r\n    // Adds row(s) to the table\r\n    DataTable.prototype.addRow = function (row) {\r\n        var _this = this;\r\n        // Set the rows array\r\n        (typeof (row.length) === \"number\" ? row : [row]).forEach(function (row) {\r\n            var newRow = [];\r\n            // Parse the columns\r\n            for (var i = 0; i < _this._props.columns.length; i++) {\r\n                var column = _this._props.columns[i];\r\n                var value = typeof (row[column.name]) != \"undefined\" ? row[column.name] : \"\";\r\n                // Append the value\r\n                newRow.push(value);\r\n            }\r\n            // Save a reference to the original data for the event\r\n            var uniqueId = Date.now();\r\n            newRow.push(uniqueId);\r\n            _this._addRowItems.push({ rowId: uniqueId, row: row });\r\n            // Add the row\r\n            _this._datatable.row.add(newRow);\r\n        });\r\n        // Refresh the table\r\n        this._datatable.draw(false);\r\n    };\r\n    // Applies the datatables.net plugin\r\n    DataTable.prototype.applyPlugin = function (table) {\r\n        var _this = this;\r\n        // Call the rendering event\r\n        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n        // Render the datatable\r\n        this._datatable = $(table.el).DataTable(this._props.dtProps);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n        }, 50);\r\n    };\r\n    Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n        /** Public Interface */\r\n        // Datatables.net object\r\n        get: function () { return this._datatable; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(DataTable.prototype, \"el\", {\r\n        // The data table element\r\n        get: function () { return this._props.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Filters the status\r\n    DataTable.prototype.filter = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n    };\r\n    // Filters the status\r\n    DataTable.prototype.filterExact = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMulti = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this.filter(idx, values.join('|'));\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMultiExact = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n    };\r\n    // Method to reload the data\r\n    DataTable.prototype.refresh = function (rows) {\r\n        if (rows === void 0) { rows = []; }\r\n        // See if the datatable exists\r\n        if (this._datatable != null) {\r\n            // Clear the datatable\r\n            this._datatable.clear();\r\n            this._datatable.destroy();\r\n            this._datatable = null;\r\n        }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the data table\r\n        this._table = gd_sprest_bs_1.Components.Table({\r\n            className: this._props.className,\r\n            el: this._props.el,\r\n            rows: rows,\r\n            columns: this._props.columns\r\n        });\r\n        // Apply the plugin\r\n        this.applyPlugin(this._table);\r\n    };\r\n    // Removes a row by index\r\n    DataTable.prototype.removeRow = function (rowIdx) {\r\n        // Remove the row by index\r\n        this._datatable.row(rowIdx).draw(false);\r\n    };\r\n    // Searches the datatable\r\n    DataTable.prototype.search = function (value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Search the table\r\n        this._datatable.search(value).draw();\r\n    };\r\n    // Updates a cell in the datatable\r\n    DataTable.prototype.updateCell = function (row, column, value) {\r\n        // Update the cell\r\n        var elCell = this._datatable.cell({ row: row, column: column }).node();\r\n        if (elCell) {\r\n            // Update the cell\r\n            this._table.updateColumn(elCell, column, value);\r\n        }\r\n        else {\r\n            // Update the cell\r\n            this._datatable.cell({ row: row, column: column }).data(value).draw(false);\r\n        }\r\n    };\r\n    // Updates a row in the datatable\r\n    DataTable.prototype.updateRow = function (rowIdx, data) {\r\n        var _this = this;\r\n        // Update the row\r\n        var elRow = this._datatable.row(rowIdx).node();\r\n        if (elRow) {\r\n            // Set the hidden columns\r\n            var hiddenColIndexes_1 = [];\r\n            this._datatable.columns().every(function (idx) {\r\n                // See if the column is hidden\r\n                if (_this._datatable.column(idx).visible() === false) {\r\n                    // Add the index\r\n                    hiddenColIndexes_1.push(idx);\r\n                }\r\n            });\r\n            // Update the row\r\n            this._table.updateRow(elRow, data, hiddenColIndexes_1);\r\n            // Update the datatable\r\n            this._datatable.draw(false);\r\n        }\r\n    };\r\n    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.15.87_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\nvar $ = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.min.js\");\r\n__webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@2.3.7/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.3.7/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n    // Constructor\r\n    function DataTable(props) {\r\n        this._addRowItems = [];\r\n        this._datatable = null;\r\n        this._props = null;\r\n        this._table = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Render the table\r\n        this.refresh(props.rows);\r\n    }\r\n    // Adds row(s) to the table\r\n    DataTable.prototype.addRow = function (row) {\r\n        var _this = this;\r\n        // Set the rows array\r\n        (typeof (row.length) === \"number\" ? row : [row]).forEach(function (row) {\r\n            var newRow = [];\r\n            // Parse the columns\r\n            for (var i = 0; i < _this._props.columns.length; i++) {\r\n                var column = _this._props.columns[i];\r\n                var value = typeof (row[column.name]) != \"undefined\" ? row[column.name] : \"\";\r\n                // Append the value\r\n                newRow.push(value);\r\n            }\r\n            // Save a reference to the original data for the event\r\n            var uniqueId = Date.now();\r\n            newRow.push(uniqueId);\r\n            _this._addRowItems.push({ rowId: uniqueId, row: row });\r\n            // Add the row\r\n            _this._datatable.row.add(newRow);\r\n        });\r\n        // Refresh the table\r\n        this._datatable.draw(false);\r\n    };\r\n    // Applies the datatables.net plugin\r\n    DataTable.prototype.applyPlugin = function (table) {\r\n        var _this = this;\r\n        // Call the rendering event\r\n        this._props.dtProps = this.getDefaultProperties(this._props.dtProps);\r\n        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n        // Render the datatable\r\n        this._datatable = $(table.el).DataTable(this._props.dtProps);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n        }, 50);\r\n    };\r\n    DataTable.prototype.getDefaultProperties = function (props) {\r\n        var _this = this;\r\n        // Return the default properties\r\n        return (props === null || props === void 0 ? void 0 : props.dtProps) || {\r\n            columnDefs: [{\r\n                    targets: \"_all\",\r\n                    render: function (data, type, row, meta) {\r\n                        // See if we are sorting\r\n                        if (type == \"sort\") {\r\n                            // Get the cell element\r\n                            var elCell = meta.settings.aoData[meta.row].anCells ? meta.settings.aoData[meta.row].anCells[meta.col] : null;\r\n                            if (elCell) {\r\n                                // Return the order/sort attribute, inner html or data value\r\n                                return elCell.getAttribute(\"data-order\") || elCell.getAttribute(\"data-sort\") || elCell.innerText || data;\r\n                            }\r\n                        }\r\n                        return data;\r\n                    }\r\n                }],\r\n            // This will call the render event if the addRow method is used\r\n            createdRow: function (row, data, dataIndex) {\r\n                // Get the row\r\n                var rowId = data[data.length - 1];\r\n                var rowItem = null;\r\n                for (var i = 0; i < _this._addRowItems.length; i++) {\r\n                    // See if this is the target row\r\n                    if (_this._addRowItems[i].rowId == rowId) {\r\n                        // Remove it from the array\r\n                        rowItem = _this._addRowItems.splice(i, 1)[0].row;\r\n                        break;\r\n                    }\r\n                }\r\n                // See if the row item was found, otherwise it wasn't rendered from the addRows function\r\n                if (rowItem) {\r\n                    // Parse the columns\r\n                    for (var i = 0; i < _this._props.columns.length; i++) {\r\n                        var column = _this._props.columns[i];\r\n                        // See if an event exists\r\n                        if (column.onRenderCell) {\r\n                            // Call it\r\n                            column.onRenderCell(row.children[i], column, rowItem || data, dataIndex);\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            drawCallback: function (settings) {\r\n                var api = new $.fn.dataTable.Api(settings);\r\n                // Styling option for striped rows\r\n                $(api.context[0].nTable).addClass('table-striped');\r\n                // Align the text to be centered\r\n                $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');\r\n                $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');\r\n                // Remove the label spacing to align with paging\r\n                $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');\r\n                // Push paging to the end\r\n                $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');\r\n                // Add spacing for the footer\r\n                $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');\r\n            },\r\n            language: {\r\n                lengthMenu: \"_MENU_\",\r\n                paginate: {\r\n                    first: \"First\",\r\n                    last: \"Last\",\r\n                    next: \"Next\",\r\n                    previous: \"Previous\"\r\n                }\r\n            },\r\n            layout: {\r\n                top: null,\r\n                topStart: null,\r\n                topEnd: null,\r\n                bottom: \"info\",\r\n                bottomStart: \"pageLength\",\r\n                bottomEnd: {\r\n                    paging: {\r\n                        type: \"full_numbers\"\r\n                    }\r\n                }\r\n            }\r\n        };\r\n    };\r\n    Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n        /** Public Interface */\r\n        // Datatables.net object\r\n        get: function () { return this._datatable; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(DataTable.prototype, \"el\", {\r\n        // The data table element\r\n        get: function () { return this._props.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Filters the status\r\n    DataTable.prototype.filter = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n    };\r\n    // Filters the status\r\n    DataTable.prototype.filterExact = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMulti = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this.filter(idx, values.join('|'));\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMultiExact = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n    };\r\n    // Method to reload the data\r\n    DataTable.prototype.refresh = function (rows) {\r\n        if (rows === void 0) { rows = []; }\r\n        // See if the datatable exists\r\n        if (this._datatable != null) {\r\n            // Clear the datatable\r\n            this._datatable.clear();\r\n            this._datatable.destroy();\r\n            this._datatable = null;\r\n        }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the data table\r\n        this._table = gd_sprest_bs_1.Components.Table({\r\n            className: this._props.className,\r\n            el: this._props.el,\r\n            rows: rows,\r\n            columns: this._props.columns\r\n        });\r\n        // Apply the plugin\r\n        this.applyPlugin(this._table);\r\n    };\r\n    // Removes a row by index\r\n    DataTable.prototype.removeRow = function (rowIdx) {\r\n        // Remove the row by index\r\n        this._datatable.row(rowIdx).draw(false);\r\n    };\r\n    // Searches the datatable\r\n    DataTable.prototype.search = function (value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Search the table\r\n        this._datatable.search(value).draw();\r\n    };\r\n    // Updates a cell in the datatable\r\n    DataTable.prototype.updateCell = function (row, column, value) {\r\n        // Update the cell\r\n        var elCell = this._datatable.cell({ row: row, column: column }).node();\r\n        if (elCell) {\r\n            // Update the cell\r\n            this._table.updateColumn(elCell, column, value);\r\n        }\r\n        else {\r\n            // Update the cell\r\n            this._datatable.cell({ row: row, column: column }).data(value).draw(false);\r\n        }\r\n    };\r\n    // Updates a row in the datatable\r\n    DataTable.prototype.updateRow = function (rowIdx, data) {\r\n        var _this = this;\r\n        // Update the row\r\n        var elRow = this._datatable.row(rowIdx).node();\r\n        if (elRow) {\r\n            // Set the hidden columns\r\n            var hiddenColIndexes_1 = [];\r\n            this._datatable.columns().every(function (idx) {\r\n                // See if the column is hidden\r\n                if (_this._datatable.column(idx).visible() === false) {\r\n                    // Add the index\r\n                    hiddenColIndexes_1.push(idx);\r\n                }\r\n            });\r\n            // Update the row\r\n            this._table.updateRow(elRow, data, hiddenColIndexes_1);\r\n            // Update the datatable\r\n            this._datatable.draw(false);\r\n        }\r\n    };\r\n    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
 
 /***/ }),