Use this tag for questions about PrimeReact, a collection of UI Components for React.js. Questions tagged [primereact] should also be tagged [reactjs], but NOT [primefaces].
Questions tagged [primereact]
296 questions
2
votes
1 answer
Problem double borders in primereact datatable
I'm using datatable component from primereact. I have a double borders problem with a scrollable talbe.
Here is the sandbox example : https://codesandbox.io/s/primereact-demo-forked-emfgtk?file=/src/App.js
As you can see in browser part, bottom…
Izilbeth
- 23
- 2
2
votes
2 answers
Primereact's calendar component generates every month after 12th with non-unique key
I'm using primereact's calendar component. I have a prop
numberOfMonths={18}
To give me 18 months/columns. Problem with that is that it generated every additional month after 12 with same children element keys, so I get a bunch of these…
IamTheOneWhoAsks
- 35
- 5
2
votes
1 answer
Toggle FieldSet from an other component
How to make PrimeReact FieldSet controllable from an other (parent) component on React?
I have a boolean object toggled, i would like to pass it into child component.
When toggled = true, the FieldSet should be opened.
When toggled = false, the…
jhon26
- 313
- 2
- 11
2
votes
1 answer
onRowDoubleClick shouldn't trigger onSelectionChange in prime-react
I have a project with nextjs and typescript.I use prime react as a UI kit for my project.
On one of my pages I have a table and in this table I have a checkbox per row for select that row
also if user dblClicked on a row it should navigate into…
Ali Ehyaie
- 1,116
- 3
- 13
- 27
2
votes
1 answer
PrimeReact Fileupload component clear Fileupload content for custom upload handler
I am using PrimeReact FileUpload and trying to send multiple files using custom file uploader. I was able to upload the files but it is not clearing FileUpload contents and was not able to find any documentation. Is there anyway I could clear the…
Vuely AI
- 35
- 4
2
votes
1 answer
React Hook Form with Prime React Password Component focus on error
When using React Hook Form with Prime React Password Component, if the Password component would throw an error, for example being empty with required set to true, then React Hook Form will throw an error and not be able to focus on the password…
Chris Baum
- 25
- 5
2
votes
1 answer
I got an error "A non-serializable value was detected in the state" which is connected to date from Calendar component
I get in the app error that a non-serializable value was detected in the state and generally it's connected to date format from Calendar component from PrimeReact. I was googling the reason if I understand correctly the issue is that property…
marcinb1986
- 708
- 1
- 11
- 30
2
votes
1 answer
how to hide primereact Calendar component
There is a way to hide calendar using custom button ?
Mateusz Matuś Kowalski
- 721
- 1
- 4
- 7
2
votes
1 answer
How to remove arrow from PrimeReact OverlayPanel?
This question relates to the OverlayPanel component in PrimeReact.
I'm looking to remove the small arrow between the overlay panel and its appending element (as can be seen in the image above).
Shane Callanan
- 427
- 3
- 12
2
votes
1 answer
How preload data in prime React
I must preload the information in a dropdown but my props.element gives me a code, not a phrase understandable by the end user.
this is my definition.
const [validations, setValidations] = useState([]);
const [selectedStatusFrom,…
Motias
- 89
- 9
2
votes
1 answer
Typescript type of input parameter formik.error and formik.touched (prime react + formik)
I am using PrimeReact with Typescript and now I have to use Formik as form validator.
PrimeReact(v7) Formik documentation: https://www.primefaces.org/primereact-v7/#/formik
and there are no changes when you switch the tab to TS source.
I have…
Jaroslav Beredi
- 27
- 5
2
votes
1 answer
Disable only Choose button and not upload and cancel button of the prime react advance uploader
I am using prime react advanced uploader and I want to disable the Choose button when a user is done selecting first file. This is to prevent user from clicking the Choose file button again and attach another one even though multiple files option…
Tan
- 1,433
- 5
- 27
- 47
2
votes
2 answers
PrimeReact: how to obtain row index inside column body?
I have a primereact DataTable with a column that contains a button like this:
Master_T
- 7,232
- 11
- 72
- 144
2
votes
1 answer
How to close a Primer.css dropdown when click inside?
Primer.css documentation indicates how to show the menu but not how to hide it when clicking inside options.
https://primer.style/css/components/dropdown
Extrange planet
- 228
- 3
- 13
2
votes
1 answer
How to disable one of the list item in PrimeReact ListBox?
For the PrimeReact ListBox implementation:
const cities = [
{name: 'New York', code: 'NY'},
{name: 'Rome', code: 'RM'},
{name: 'London', code: 'LDN'},
{name: 'Istanbul', code: 'IST'},
{name: 'Paris', code: 'PRS'}
];
Harihara_K
- 174
- 16