White space - no wrap issue
Mat table , table cell content gets hidden
Am trying to display a list of countries in a cell . Initially , I show 2 countries and on clicking 'View All' , will display rest of them . When I display rest of them , onlt the countries fit in cell are getting displayed .
I want the table cell height to unjust accrding to the content of the cell .
HTML :
<div *ngIf="countries.length" class="breakdown-cell">
<span *ngFor="let countryValue of countries |slice:0:element.initialLocations" class="breakdown-value"
>{{countryValue }}</span
>
<div *ngIf="countries.length>element.initialLocations" class="breakdown-cell">
<span class="breakdown-value" *ngIf="!element.canExpandCountry"
>+ {{countries.length - element.initialLocations}} more</span
>
<span class="view-more" *ngIf="!element.canExpandCountry" (click)="viewAllLocations(element)">View All</span>
</div>
<span class="view-more" *ngIf="element.canExpandCountry" (click)="viewAllLocations(element)">Hide All</span>
</div>
<div *ngIf="!countries.length">
<span>--</span>
</div>
Here initialLocations is 2 , canExpandCountry is false by default
Am trying to display a list of countries in a cell . Initially , I show 2 countries and on clicking 'View All' , will display rest of them . When I display rest of them , onlt the countries fit in cell are getting displayed .
I want the table cell height to unjust accrding to the content of the cell .
HTML :
<div *ngIf="countries.length" class="breakdown-cell">
<span *ngFor="let countryValue of countries |slice:0:element.initialLocations" class="breakdown-value"
>{{countryValue }}</span
>
<div *ngIf="countries.length>element.initialLocations" class="breakdown-cell">
<span class="breakdown-value" *ngIf="!element.canExpandCountry"
>+ {{countries.length - element.initialLocations}} more</span
>
<span class="view-more" *ngIf="!element.canExpandCountry" (click)="viewAllLocations(element)">View All</span>
</div>
<span class="view-more" *ngIf="element.canExpandCountry" (click)="viewAllLocations(element)">Hide All</span>
</div>
<div *ngIf="!countries.length">
<span>--</span>
</div>
Here initialLocations is 2 , canExpandCountry is false by default
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Was this page helpful?
