ztimson/ng-datatable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Formatting

Browse Source
This commit is contained in:
Zakary Timson
2018-06-08 12:47:47 -04:00
parent 2f34aedce5
commit 51f1967fb2
4 changed files with 19 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/app/app.component.html
View File

@ -1,24 +1,19 @@
Table CSS <input [(ngModel)]="tableCSS">
Selection Mode <select [(ngModel)]="selectionMode">
Table CSS
<input [(ngModel)]="tableCSS"> Selection Mode
<select [(ngModel)]="selectionMode">
<option>None</option>
<option>single</option>
<option>multi</option>
</select>
Checkbox <input type="checkbox" [(ngModel)]="checkbox">
Expandable <input type="checkbox" [(ngModel)]="expandable">
<br><br>
<input placeholder="Search" (keyup)="search.next($event.target.value)">
Checkbox
<input type="checkbox" [(ngModel)]="checkbox"> Expandable
<input type="checkbox" [(ngModel)]="expandable">
<br>
Selected: {{table.selectedRows.size}}/{{table.processedData.length}}
<ng-datatable #table
[cssClass]="tableCSS"
[columns]="columns"
[data]="data"
[expandedTemplate]="expandable ? expanded : null"
[showCheckbox]="checkbox"
[paginate]="false"
[selectionMode]="selectionMode == 'None' ? null : selectionMode"
(rowSelected)="log($event)">
<br>
<input placeholder="Search" (keyup)="search.next($event.target.value)">
<br> Selected: {{table.selectedRows.size}}/{{table.processedData.length}}
<ng-datatable #table [cssClass]="tableCSS" [columns]="columns" [data]="data" [expandedTemplate]="expandable ? expanded : null"
[showCheckbox]="checkbox" [paginate]="false" [selectionMode]="selectionMode == 'None' ? null : selectionMode" (rowSelected)="log($event)">
<ng-template #expanded let-object="object">
Hello {{object.firstName}} {{object.lastName}}, How are you today?
<span *ngIf="object.age < 18">I can see that you are under age.</span>
@ -27,4 +22,4 @@ Selected: {{table.selectedRows.size}}/{{table.processedData.length}}
<ng-template #age let-value="value">
<strong [ngClass]="{'text-success': value < 18, 'text-danger': value > 84}">{{value}}</strong>
</ng-template>
</ng-datatable>
</ng-datatable>