Editable row with save & cancel buttons

[randore]

Hi,

I just searched for prime editable row and found out that this feature exists in .jsf but not available in ReactPrime.

Is there any example code available to make the complete row editable and at the same time when I click "Add row" should add a new editable row on top of rows instead of modal pop (existing) .

Any help would be greatly appreciated.


Thank you.

[cagatay.civici]

PrimeFaces has it;

https://www.primefaces.org/showcase/ui/ ... edit.xhtml

And we'll do it for PrimeReact as well.

[randore]

Thanks for replying,

I have one more question, can you please help.

1. https://www.npmjs.com/package/primeicons - how to use these icons in react app.
I have imported css files and installed primeicons as per getting started guide.

And also usage is

Code: Select all

<Column icon="fa fa-pencil" />

but it's not working. What am I doing wrong?


2. For Global filters, is it possible to filter rows based on one column?

examples columns: Id, numbers, names, roles.

where I want to filter based on ID column.


-----------------------
Thanks in advance

[randore]

How to use community themes in PrimeReact.

[cagatay.civici]

1) Does the following work?

Code: Select all

<i className="pi pi-pencil" />

If so then it works.

2) No, currently it filters them all, but you may create a request.

Please see get started page for theme usage;

https://www.primefaces.org/primereact/#/setup

For community themes, a big change is coming by the way, Nova Theme Family will replace them all;

https://www.primefaces.org/primeng-6-1-0-rc1-nova/