angular-4-data-table-bootstrap-4
Version:
An Angular 4 data table, with pagination, sorting, expandable rows etc. Bootstrap 4 version.
2 lines (1 loc) • 1.79 kB
TypeScript
export declare const ROW_TEMPLATE = "\n<tr\tclass=\"data-table-row\"\n [title]=\"getTooltip()\"\n [style.background-color]=\"dataTable.getRowColor(item, index, _this)\"\n [class.row-odd]=\"index % 2 === 0\"\n [class.row-even]=\"index % 2 === 1\"\n [class.selected]=\"selected\"\n [class.clickable]=\"dataTable.selectOnRowClick\"\n (dblclick)=\"dataTable.rowDoubleClicked(_this, $event)\"\n (click)=\"dataTable.rowClicked(_this, $event)\"\n >\n <td [hide]=\"!dataTable.expandColumnVisible\" (click)=\"expanded = !expanded; $event.stopPropagation()\" class=\"row-expand-button\">\n <span class=\"fa fa-arrow-circle-o-right\" [hide]=\"expanded\"></span>\n <span class=\"fa fa-arrow-circle-o-down\" [hide]=\"!expanded\"></span>\n </td>\n <td [hide]=\"!dataTable.indexColumnVisible\" class=\"index-column\" [textContent]=\"displayIndex\"></td>\n <td [hide]=\"!dataTable.selectColumnVisible\" class=\"select-column\">\n <input type=\"checkbox\" [(ngModel)]=\"selected\"/>\n </td>\n <td *ngFor=\"let column of dataTable.columns\" [hide]=\"!column.visible\" [ngClass]=\"column.styleClassObject\" class=\"data-column\"\n [style.background-color]=\"column.getCellColor(_this, index)\">\n <div *ngIf=\"!column.cellTemplate\" [textContent]=\"item[column.property]\"></div>\n <div *ngIf=\"column.cellTemplate\" [ngTemplateOutlet]=\"column.cellTemplate\" [ngOutletContext]=\"{column: column, row: _this, item: item}\"></div>\n </td>\n</tr>\n<tr *ngIf=\"dataTable.expandableRows\" [hide]=\"!expanded\" class=\"row-expansion\">\n <td [attr.colspan]=\"dataTable.columnCount\">\n <div [ngTemplateOutlet]=\"dataTable.expandTemplate\" [ngOutletContext]=\"{row: _this, item: item}\"></div>\n </td>\n</tr>\n";