Dropdown rendering below table

[TekSiDoT]

The new implementation seems to render below the following table row when created inside a row template:

[cagataycivici]

DataTable cells have overflow: hidden, you can make this work by;

<p:column style="overflow:visible">
   <template>
       <p-dropdown>

So that dropdown overlay can be displayed fully.

[TekSiDoT]

Thanks, however, the error persists. I've switched off all custom CSS to make sure there's no interference.

[cagataycivici]

I'm unable to replicate;

       <p-column field="color" header="Color" style="overflow:visible">
            <template #col #car="rowData">
                <p-dropdown [options]="cities"></p-dropdown>
            </template>
        </p-column>

[TekSiDoT]

I've traced the error to a dynamic setting that overwrote the static style=' ', my bad. Thanks for your help!

[TekSiDoT]

It does, however, still render below the bottom of the table, creating a vertical scroll bar instead:

[cagataycivici]

This is a regular table right? Not scrollable.

[TekSiDoT]

It's non-scrollable, correct.

[cagataycivici]

Ok, we'll check. Reopening.

[TekSiDoT]

excellent, let me know if you need help reproducing

[cagataycivici]

Fixed on PrimeUI side as css of datatable is there by removing overflow auto from ui-datatable-wrapper.

[TekSiDoT]

excellent, I manually excluded the respective css lines, this resolved the issue.

[alex4033]

Hi, I 'm trying to do the following:

<p-dataTable [value]="detailList"> <p-column header="idDetail"> <template let-col let-detail="rowData" let-rowIndex="rowIndex"> <input type="text" placeholder="Required" [(ng-model)]="detail.idDetail"/> </template> </p-column> </p-dataTable>

My question is what is the correct way to use the ngModel within the <p - dataTable >

[GopiAnnan]

@cagataycivici
about this issue.
Fixed on PrimeUI side as css of datatable is there by removing overflow auto from ui-datatable-wrapper.

Still I have that issue.. Last row dropdown overflow is hiding.

Could you please confirm this fix is still available ? I dont see any css class name(ui-datatable-wrapper) as part of datatable.css