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
PrimeReact override filterIcon on DataTable with custom behaviour
I use PrimeReact DataTable and makes some custom logic especially on filter. But there is a problem i cannot figure out how to override default behavior and change filterIcon on each column
Dmitriy_kzn
- 518
- 4
- 16
1
vote
1 answer
how to support virtual scrolling in tree table
I can see that primereact supports the virtualscroller but so far as I can see the TreeTable only supports traditional paging, is there any way to support infinite scroll in TreeTable?
David Churchland
- 292
- 2
- 11
1
vote
0 answers
using rangedate filter in primereact datatable
I have an issue with my rangedate filter in Next.js-TypeScript. I am using primereact library. Here is the code:
const [filters, setFilters] = useState({
woroStartDate: { operator: FilterOperator.AND, constraints: [{ value:…
Nugraha
- 13
- 3
1
vote
1 answer
How can I implement PrimeReact DataTable lazy load
I'd like display data in PrimeReact (v9.3.1) DataTable with lazy load. Code is here:
const [questionAnswerValues, setQuestionAnswerValues] = useState([]);
const [editedRow, setEditedRow] = useState({});
const [selectedRow, setSelectedRow] =…
Papp Zoltán
- 131
- 7
1
vote
1 answer
React tooltip - trying to show tooltip for elements dynamically just added with the same class
I use primereact tooltip component (https://primereact.org/tooltip/). Everything is okay except the target property. On page I can have a few elements with the same class and for them tooltip is working. But for element with that class that I just…
Aria
- 13
- 3
1
vote
0 answers
Can I lose the upload button of PrimeReact FileUpload component and assign the behavior of the upload button to a different submit button?
import { FileUpload } from 'primereact/fileupload';
import { Button } from "primereact/button";
import React from 'react';
const InfoChangeRequest = () => {
const { t } = useTranslation();
return (
<>
…
Ekin
- 13
- 3
1
vote
1 answer
How assign id to PrimeReact AutoComplete component
I'm using PrimeReact AutoComplete component:
setParent(e.value)}
suggestions={filteredGroups}
completeMethod={searchGroup}
field='name'
dropdown
>
I…
Mehdi Rahimi
- 1,453
- 5
- 20
- 31
1
vote
1 answer
Primereact expandableRowGroups in combination with pagination splits last group of the page
Using primereact expandable rowgroup https://primereact.org/datatable/#rowgroup_expandable
works nice. But there is an evil effect when also using pagination.
The question is how to get rid of that?
Let there be 30 lines of data.
let they be gouped…
Kaspatoo
- 1,223
- 2
- 11
- 28
1
vote
1 answer
onChange prop value undefined
I'm using reactprime TreeSelect. I want to create an array by editing the variable named returnArray and send it to the main component's state via props. But onChange seems undefined. Same process was working in OnValueChanged.
Main…
E.YILDIRIM
- 27
- 9
1
vote
0 answers
Why does my page scrolls every time I'm typing inside an input in SPFx?
I'm working on an SPFx React functional component. I have created a component that contains many accordions Each accordion contains one textbox. Every time I'm typing anything inside an input the page scrolls to the top. Please refer to the below…
Bhoomesh Joshi
- 89
- 1
- 1
- 5
1
vote
1 answer
PrimeReact: Semantic colors in CheckBox or custom components
I would like to be able to use the colors PrimeReact is using for info, warning, error etc.
In my custom components, how would I reference those colors, via CSS or classes.
To be more precise, I am looking to change the color of a checkbox from…
Shane
- 401
- 4
- 16
1
vote
1 answer
Remove sortable icon from PrimeReact datatable header
I used PrimeReact to create a datatable with sortable columns. I imported primeflex for conditional color on some of the cells, but now I am getting these big arrow icons on all my sortable columns and I want to remove them.
Here is a screenshot of…
Wesley Laurence
- 9
- 2
1
vote
1 answer
How to pass table rowdata to another place in te webpage
i need to pass the information of a row to another page, like a profile using the rowdata
this is the table
Hugo Urbina
- 27
- 3
1
vote
0 answers
How can I get keyboard tabbing and aria-labels on a primereact menu popup to work?
I would like to be able to use the keyboard to press enter on a button and then tab through the corresponding menu popup to select the right option. Unfortunately when I press enter on the button, it opens the menu popup but doesn't allow me to tab…
Grammin
- 11,808
- 22
- 80
- 138
1
vote
1 answer
How can i implement lazyload in the primeReact?
I have a huge dataset thus i need to implement pagination for the Datatable in PrimeReact and for this i reffered the documentation which suggest to use lazyload to do so.But it is not working as well as my data is not displayed in the datatable but…
Mustafa Dahodwala
- 27
- 5