carloshra/nexus-spa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix table responsive

Browse Source
This commit is contained in:
Çetin
2021-12-21 15:57:32 +03:00
parent 974fa57761
commit c03b12a454
2 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/demo/view/tabledemo.component.html
View File

@@ -211,11 +211,11 @@
<td>
<button type="button" pButton pRipple [pRowToggler]="product" class="p-button-text p-button-rounded p-button-plain" [icon]="expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'"></button>
</td>
<td>{{product.name}}</td>
<td style="min-width: 12rem;">{{product.name}}</td>
<td><img [src]="'assets/demo/images/product/' + product.image" [alt]="product.name" width="100" class="shadow-4" /></td>
<td>{{product.price | currency:'USD'}}</td>
<td>{{product.category}}</td>
<td><p-rating [ngModel]="product.rating" [readonly]="true" [cancel]="false"></p-rating></td>
<td style="min-width: 8rem;">{{product.price | currency:'USD'}}</td>
<td style="min-width: 10rem;">{{product.category}}</td>
<td style="min-width: 10rem;"><p-rating [ngModel]="product.rating" [readonly]="true" [cancel]="false"></p-rating></td>
<td><span [class]="'product-badge status-' + product.inventoryStatus.toLowerCase()">{{product.inventoryStatus}}</span></td>
</tr>
</ng-template>
@@ -279,20 +279,20 @@
</td>
</tr>
<tr>
<td style="min-width: 220px;">
<td style="min-width: 200px;">
{{customer.name}}
</td>
<td style="min-width: 220px;">
<td style="min-width: 200px;">
<img src="assets/demo/flags/flag_placeholder.png" [class]="'flag flag-' + customer.country.code" width="30">
<span class="image-text" style="margin-left: .5em">{{customer.country.name}}</span>
</td>
<td style="min-width: 300px;">
<td style="min-width: 200px;">
{{customer.company}}
</td>
<td style="min-width: 220px;">
<td style="min-width: 200px;">
<span [class]="'customer-badge status-' + customer.status">{{customer.status}}</span>
</td>
<td style="min-width: 220px;">
<td style="min-width: 200px;">
{{customer.date}}
</td>
</tr>