purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-12-20 08:17:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

more datatableˆ

Browse Source
This commit is contained in:
Sercan Yemen
2017-07-31 16:49:13 +03:00
parent 5ca5400ba7
commit bc1421976e
4 changed files with 70 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/main/components/datatable/ngx-datatable.component.html
View File

@@ -25,17 +25,48 @@
<!-- CONTENT -->
<div class="content p-24">
<p class="mb-32">
<b>ngx-datatable</b> is a Angular component for presenting large and complex data.
It has all the features you would expect from any other table but in a light package with no external
dependencies. The table was designed to be extremely flexible and light; it doesn't make any assumptions
about your data or how you: filter, sort or page it.
</p>
<ngx-datatable
class="material"
[rows]="rows"
[loadingIndicator]="loadingIndicator"
[columns]="columns"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[headerHeight]="48"
[footerHeight]="56"
[rowHeight]="'auto'"
[scrollbarH]="true"
[reorderable]="reorderable"
[selectionType]="'checkbox'"
[limit]="10">
<ngx-datatable-column [width]="48"
[canAutoResize]="false"
[sortable]="false">
<ng-template ngx-datatable-header-template let-value="value" let-allRowsSelected="allRowsSelected"
let-selectFn="selectFn">
<md-checkbox [checked]="allRowsSelected" (change)="selectFn(!allRowsSelected)"></md-checkbox>
</ng-template>
<ng-template ngx-datatable-cell-template let-value="value" let-isSelected="isSelected"
let-onCheckboxChangeFn="onCheckboxChangeFn">
<md-checkbox [checked]="isSelected" (change)="onCheckboxChangeFn($event)"></md-checkbox>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Name" prop="name">
</ngx-datatable-column>
<ngx-datatable-column name="Last Name" prop="lastName">
</ngx-datatable-column>
<ngx-datatable-column name="Company" prop="company">
</ngx-datatable-column>
</ngx-datatable>
</div>