<p-cellEditor> with white input

Post Reply
rcosta
Posts: 9
Joined: 13 Dec 2016, 22:43

01 May 2020, 22:47

I downloaded the theme and alter the DataDemoComponent.
I just changed:

from:

Code: Select all

<td>{{rowData.vin}}</td>
to:

Code: Select all

<td pEditableColumn style="text-align: right">
    <p-cellEditor>
        <ng-template pTemplate="input">
            <input pInputText type="text" [(ngModel)]="rowData.vin" style="text-align: right">
        </ng-template>
        <ng-template pTemplate="output">
            {{rowData.vin}}
        </ng-template>
    </p-cellEditor>
</td>
and i took

Code: Select all

selectionMode="single" [(selection)]="selectedCar"
from

Code: Select all

<p-table>
and took

Code: Select all

[pSelectableRow]="rowData" [pEditableRow]="rowData"
from

Code: Select all

<tr>
too

and I noticed that the input goes white and "disappears".

The Table normally:

Image

So, when I click at vin column:

Image

If I double click the input:

Image

merve7
Posts: 601
Joined: 12 Sep 2017, 10:44

06 May 2020, 10:44

Hi,
Firstly, thank you so much for writing clearly. We fixed for the next release but you can add the below code in your stylesheet or _theme_styles.scss until release;

Code: Select all

body {
    .ui-table {
        .ui-table-tbody {
            > tr {
                .ui-editing-cell {
                    input {
                        color: $textColor;  // or color: #212121;
                        padding: 2px 12px;
                    }
                }
            }
        }
    }
}

rcosta
Posts: 9
Joined: 13 Dec 2016, 22:43

07 May 2020, 17:02

This problems is happening at another places.

Image

Image

Image

rcosta
Posts: 9
Joined: 13 Dec 2016, 22:43

07 May 2020, 17:17

It's happening here too:

Image

Image

Image

Image

Post Reply

Return to “Serenity - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 6 guests