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

new helpers.scss + size helpers + ngx-datatable styles + show toolbar by default

Browse Source
This commit is contained in:
Sercan Yemen
2017-07-31 14:58:55 +03:00
parent aa0c1d7a87
commit 5ca5400ba7
7 changed files with 224 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,12 +1,44 @@
<ngx-datatable
class="material"
[rows]="rows"
[loadingIndicator]="loadingIndicator"
[columns]="columns"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="'auto'"
[reorderable]="reorderable"
[limit]="10">
</ngx-datatable>
<div id="ngx-datatable" class="page-layout simple fullwidth">
<!-- HEADER -->
<div class="header md-accent-bg p-24 h-160" fxLayout="row" fxLayoutAlign="space-between">
<div fxLayout="column" fxLayoutAlign="center start">
<div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
<md-icon class="secondary-text s-16">home</md-icon>
<md-icon class="secondary-text s-16">chevron_right</md-icon>
<span class="secondary-text">Tables</span>
</div>
<div class="h2 mt-16">ngx-datatable</div>
</div>
<div fxLayout="row" fxLayoutAlign="start center">
<a md-raised-button class="md-white-bg"
href="https://github.com/swimlane/ngx-datatable"
target="_blank">
<md-icon>link</md-icon>
<span>Reference</span>
</a>
</div>
</div>
<!-- / HEADER -->
<!-- CONTENT -->
<div class="content p-24">
<ngx-datatable
class="material"
[rows]="rows"
[loadingIndicator]="loadingIndicator"
[columns]="columns"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="'auto'"
[reorderable]="reorderable"
[limit]="10">
</ngx-datatable>
</div>
</div>