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
0
votes
1 answer
PrimeReact DataTable background colour
Am using PrimeReact DataTable in my React application.I have a requirement to change the background colour from white to grey in the DataTable..I tried custom style in the component. But not working..
Can you please help me?
vivek v
- 167
- 1
- 3
- 16
0
votes
1 answer
Sorting of Date column which is in string format in Datacolumns
I have a react application in which a Datatable.Columns is used to render a table on the page.
{this.displayColumns()}
displayColumns = () => {
return…
CrazyCoder
- 2,194
- 10
- 44
- 91
0
votes
1 answer
primereact dialog not triggering onHide fn from footer actions for wrapper component
primereact dialog not triggering onHide fn from footer action for wrapper compoent
https://codesandbox.io/s/trusting-cdn-jkn5t?file=/src/demo/DialogDemo.js
isue: open console > open dialog > press no > console not print onhide (for esc and close btn…
angela8838
- 11
0
votes
1 answer
How to add primereact to laravel with react
I have a laravel 8 app with laravel/ui installed and react preset. I want to use primereact for the react spa, but I don't know how to add to laravel mix etc, Can someone help me?
Yoedusvany Hdez
- 415
- 2
- 5
- 15
0
votes
1 answer
Buttons missing when using same code in react functional component
In a class component(a typescript file), I have the actionTemplate defined in the following manner:
//Inside constructor:
constructor(props: Props) {
super(props);
this.actionTemplate = this.actionTemplate.bind(this);
…
Tan
- 1,433
- 5
- 27
- 47
0
votes
1 answer
React set state inside FullCalendar's datesSet
I was wondering if i can pass a callback to the datesSet's method of FullCalendar, callback that will set a state.
I tried this already, and it ended up making my page reload untill the browser asked me to close the page or wait. Also, i have seen…
Mihai Pescaru
- 3
- 2
0
votes
1 answer
How to collapse other expanded rows in PrimeReact DataTable
I am very new to react and wanted to handle row expand/collapse in a prime react data table. I am trying to keep only one row expanded at a time
const onRowToggle = ( e) => { setExpandedRows(e.data); }
I am using above line for that purpose.
Please…
Mudita Pandey
- 11
- 5
0
votes
1 answer
PrimeReact FileUpload with Django and axios with redux
I have my PrimeReact FileUpload component like this. FileUpload component is inside Formik
AMendis
- 1,346
- 4
- 18
- 34
0
votes
1 answer
Data conversion for prime react data table component from array to JSON?
Whenever I call a java webservice (HTTP GET) fileLookup with an input parameter lookupId, it is returning me the response in an array as shown below.
[
"1224,First_File.docx,null,458,null,null",
"1225,Second File.js,test for…
Tan
- 1,433
- 5
- 27
- 47
0
votes
1 answer
React.js - How can I keep the value in inputnumber and make changes on it?
When I want to enter a new value, it deletes the old value. I want to make changes above the old value. How should I go about this?
As seen in the picture, after I enter the value of 50, the moment I click, the value becomes 0 and I lose its…
damla
- 53
- 6
0
votes
1 answer
How to display the last page when user clicks on add new row,so that user can view the newly added row using react js and prime react
I am facing problem to display last page when user clicks on add new row..If we can display the last page,user can view the newly added row directly..i am using prime react with react js
Meera T
- 1
0
votes
0 answers
Use React components UI in Node express application with EJS templates
I have to upgrade an existing application with new features. It is an MPA web application, developed using the express framework under Node, and serving the HTML from EJS templates. I'm ok about using vanilla JS/jQuery but I'm curious if it would be…
Fel
- 4,428
- 9
- 43
- 94
0
votes
2 answers
How to perform validation of a array field using formik and yup validation
I am working in React JS . I need to implement validation using Formik and Yup for an array field as show below. Validation condition is such a way that the input time should not be equal to or between the existing time(The time that had already…
Happy bean
- 89
- 2
- 16
0
votes
1 answer
How to reset column filters in PrimeReact Datatable?
I am trying to figure out how to create a button to reset the column filters in PrimeReact Datatable. I am able to click the button and have the sorting be rest on the table, but the value in the column sort filed remains. How do I reset the value…
jbreslow
- 186
- 1
- 11
0
votes
1 answer
Why can't I import primereact styles to webpack 4 react boilerplate?
I am getting this error when I run the app:
ERROR in ./node_modules/primereact/resources/themes/saga-blue/theme.css…
Mihai Vanca
- 31
- 3