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
1
vote
1 answer
Highlight PrimeReact Datatable's Data using react-highlight-words
I have PrimeReact DataTable with search/filter functionality. My main goal here is to highlight the text or data in DataTable that matches on the Search Input of the user.
I used react-highlight-words for the highlighting of data. Using the props…
John Paulo A. Geronimo
- 153
- 3
- 10
1
vote
1 answer
Closing sidebar crashes react application
I am currently working on a dashboard application in react.js. However, after adding some functionality to a child component involving the useState hook, the application crashes every time I close/open the sidebar in the parent component.
This is…
Jan Arend
- 284
- 2
- 17
1
vote
0 answers
Is it possible to select multiple options in a multi-select drop-down with single click or Shift + 'Click'
We are using Prime multi-select, we have more than thousand drop-down options there, In which if we want to select 200 out of it we have to select one by one Is there a way to select multiple options in single click or shift + click to select the…
Hari ragavan
- 21
- 1
- 3
1
vote
1 answer
How do we edit the password meter in primereact?
anyone know how to edit the password meter from prime-react ? they only give like weak medium strong I need more than that. I haven't tried anything
devin owen
- 11
- 1
1
vote
1 answer
PrimeReact DataTable Height issue
I am using DataTable in primeReact, to render some data, I would like to make it display to full size of the window. table size only matches the data size. here's my code.
…
imanu
- 11
- 1
1
vote
1 answer
Add filter to primeReact Table
im new in node and react.
I must add filters to search the columns, my problem is that I am a newbie with react. So how can I integrate this functionality?
This is the original page
and i have to add this.
So how can i filter by name?
…
Motias
- 89
- 9
1
vote
1 answer
how can i use Google maps with primereact
I am trying to use the GMap component that is part of the primereact library, but i keep getting this error :
Unhandled Runtime Error ReferenceError: google is not defined
I am working on a next.js app, here is the simple code i copied/pasted…
julBayonna
- 409
- 7
- 19
1
vote
1 answer
React v18 causes error without code changes, JSX no longer accepted?
Since React 18 I have some errors when rendering the application and can't nest any elements as it seems.
For example, I have the following code in my application:
return (
user17145524
- 227
- 4
- 10
1
vote
1 answer
How to Create Country and City dropdowns data with json - PrimeReact
I want to create 2 AutoCompletes such as country and city. Based on selection in country option it should populate the city.In doing so, I want to quickly process the data with javascript.
The country autocomplete example is as follows.
Thanks in…
alpayergul
- 33
- 4
1
vote
1 answer
How to customize PrimeReact Accordion?
I am working on a project where the requirement is whenever an input element is clicked(focused) accordion should open.
I used below code for this
const [accordion, setaccordion] = useState();
const handleAccordion = (id : number) => {
…
manoj thayil
- 21
- 1
1
vote
2 answers
PrimeReact number input field with react-hook-form
I currently have the following code in my application:
user17145524
- 227
- 4
- 10
1
vote
1 answer
Fixed column in prime react datatable without jquery
I'm trying to make one of my columns in a datatable fixed. I reseached from different sources and I found a solution with jquery. However, I want to do it without jquery solution. Could you give me some tips if I can do it with html, css or just…
Gabriel Daskalov
- 61
- 1
- 4
1
vote
1 answer
Why is my onSubmit not working in PrimeReact Dialog?
My code is no longer submitting data when onSubmit is pushed even though it was when I was using a and tag:
ttsssss
- 95
- 1
- 2
- 12
1
vote
1 answer
Why Tooltip from primereact library doesn't work to tag ?
I want to add a tooltip to JSON formatted field, but it doesn't work. I have the following code:
const displayDeletedDataInJSON = (column: ITableColumn) => {
return (rowData: any): JSX.Element => {
const formatedJson = formatObjectInJson(
…
Gabriel Daskalov
- 61
- 1
- 4
1
vote
2 answers
Manually closing the calendar primereact
I'm using primereact version 6.2.1, While using the calendar from primereact i have enabled the option for showTime. This brings up a datePicker with an overlay blocking out the rest of the webpage. All this works fine. Except after a date and time…
