I have p-table width styling like this:
Code: Select all
<tr>
<th style="flex: auto">Company</th>
<th style="flex: 0 0 100px">Name</th>
<th style="flex: 0 0 100px">Country</th>
<th style="flex: 0 0 80px"> </th>
</tr>
Code: Select all
"dependencies": {
"@angular/animations": "~13.0.0",
"@angular/cdk": "^13.2.5",
"@angular/common": "~13.0.0",
"@angular/compiler": "~13.0.0",
"@angular/core": "~13.0.0",
"@angular/forms": "~13.0.0",
"@angular/platform-browser": "~13.0.0",
"@angular/platform-browser-dynamic": "~13.0.0",
"@angular/router": "~13.0.0",
"file-saver": "^2.0.5",
"primeflex": "^3.1.2",
"primeicons": "^5.0.0",
"primeng": "^13.1.0",
"rxjs": "~7.4.0",
"sha.js": "^2.4.11",
"tslib": "^2.3.0",
"uuid": "^8.3.2",
"xlsx": "^0.18.2",
"zone.js": "~0.11.4"
}
Code: Select all
"dependencies": {
"@angular/animations": "^15.1.2",
"@angular/cdk": "^15.1.2",
"@angular/common": "^15.1.2",
"@angular/compiler": "^15.1.2",
"@angular/core": "^15.1.2",
"@angular/forms": "^15.1.2",
"@angular/platform-browser": "^15.1.2",
"@angular/platform-browser-dynamic": "^15.1.2",
"@angular/router": "^15.1.2",
"file-saver": "^2.0.5",
"primeflex": "^3.1.2",
"primeicons": "^6.0.1",
"primeng": "^15.1.1",
"rxjs": "~7.8.0",
"sha.js": "^2.4.11",
"tslib": "^2.3.0",
"uuid": "^8.3.2",
"xlsx": "^0.18.2",
"zone.js": "~0.11.4"
}
Code: Select all
[style]="{width: '300px'}
Code: Select all
<tr>
<th>Company</th>
<th [style]="{ width: '100px' }">Name</th>
<th [style]="{ width: '100px' }">Country</th>
<th [style]="{ width: '100px' }"> </th>
</tr>
What would be the instruction to simulate the flex style or what is missing now after update?
Thanks