如何更改primeng自動完成倍數的寬度？

Question

我是 Angular 的新手，我正在嘗試更改一個primeng 自動完成組件的寬度以填充表格的列，我已經嘗試使用

style="width: 100%"

但這不起作用； 我也嘗試在 html 上設置它，但沒有任何改變

[style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" class="p-autocomplete"

現在的情況：

我沒有做的事情：

初級版本：9.0.0

代碼鏈接： https : //stackblitz.com/edit/primeng-tablebasic-demo-p9egw5?file=src/app/app.component.html

Answer 1

我的英語很差，但你可以測試一下

<td class="p-fluid">
            <!-- <input type="text" style="width: 100%" /> -->
            <p-autoComplete [(ngModel)]="texts" [suggestions]="results" (completeMethod)="search($event)"
                [multiple]="true">
            </p-autoComplete>
</td>

我希望會有所幫助。

Answer 2

對我來說，字體： https : //github.com/primefaces/primeng/issues/1552

 <td>
    <div class="ui-fluid">
        <p-autoComplete 
           styleClass="wid100"
           [(ngModel)]="texts" 
           [suggestions]="results"
           (completeMethod)="search($event)" 
           [multiple]="true">
        </p-autoComplete>
    </div>
 </td>

Answer 3

你使用哪個瀏覽器？ 從 Chrome 開始，它看起來像預期的在此處輸入圖像描述