title: Primeng Turbo Table autoLayout not working on simple p-table
body: <p>I have this simple primeng 7.0 turbo table , p-table. It is non resizeable and non scrollable. Nothing I do seems to be affecting this table's layout. The autoLayout should work as it is first of all as per the documentation. Can someone comment what could be wrong with this ?</p>
  
  <pre><code>&lt;p-table #availableTable [value]="sourceCars" selectionMode="multiple" 
  [(selection)]="selectedItemsSource" [autoLayout]="true"&gt;
          &lt;ng-template pTemplate="header"&gt;
              &lt;tr&gt;
                  &lt;th&gt;Name&lt;/th&gt;
                  &lt;th&gt;Type&lt;/th&gt;
              &lt;/tr&gt;            
          &lt;/ng-template&gt;
          &lt;ng-template pTemplate="body" let-car&gt;
              &lt;tr [pSelectableRow]="car"&gt;
                  &lt;td&gt;{{car.label}}&lt;/td&gt;
                  &lt;td&gt;{{car.value}}&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/ng-template&gt;
      &lt;/p-table&gt;
  </code></pre>
  
  <p>My component file :</p>
  
  <pre><code>`
       import {Component, OnInit}      from '@angular/core';
       import {MenuItem} from "primeng/primeng";
       import {DialogService} from 'primeng/api';
      import {SelectItem} from 'primeng/api';
  
      @Component({
          selector: 'ivp-data-view',
          templateUrl: './data-view.html',
          styleUrls: ['./data-view.css'],
          providers: [DatamartService,DialogService]
      })
      export class DataViewComponent implements OnInit {
          items: MenuItem[];
          profileName: string
          display : boolean;
          cars: SelectItem[]
          sourceCars: SelectItem[];
  
          constructor( private dmService: DatamartService,public dialogService: 
      DialogService ) {
  
              this.sourceCars = [
                  {label: 'Audi', value: 'Audi'},
                  {label: 'BMW', value: 'BMW'},
                  {label: 'Fiat', value: 'Fiat'},
                  {label: 'Ford', value: 'Ford'},
                  {label: 'Honda', value: 'Honda'},
                  {label: 'Jaguar', value: 'Jaguar'},
                  {label: 'Mercedes', value: 'Mercedes'},
                  {label: 'Renault', value: 'Renault'},
                  {label: 'VW', value: 'VW'},
                  {label: 'Volvo', value: 'Volvo'}
              ];
          }
  
          public ngOnInit() {
  
  
              this.items = [{
                  label: 'Explorer',
                  items: [
                      {label: 'Details', icon: 'pi pi-fw pi-plus'}
                  ]
             }];
          }
  
      `
  
  
  
  
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/aH3Ut.png" rel="nofollow noreferrer">My table image</a></p>
  
  <p><a href="https://i.stack.imgur.com/FFDO6.png" rel="nofollow noreferrer">My table with same code ..</a></p>