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
3 answers
how to get data table row data/object using Splitbutton from primereact
I am pretty new to ReactJs & trying to make a project to learn. I am using PrimeReact UI Component Library. Everything is working fine but facing issue with accessing row data into functions.
Reference -…
Anil Kumar
- 209
- 1
- 4
- 15
1
vote
0 answers
[PrimeReact - InputText]How to Display Hyperlink in InputText element of PrimeReact
I am trying to display hyperlink (anchor tag) on a PrimeReact's InputText element. Is there a way i can do that?. I did try to lookup on google as wells on sandbox, i couldn't find any example that displays a hyperlink on a InputText element.
Tarun
- 11
- 2
1
vote
1 answer
Prime React css styles not applying in Reactjs application
I am working on an react js application, I had added reactbootstrap & primereact library for the styling.
the reactbootstrap library is working fine But primereact styling is not getting applied , I have followed all the steps present in getting…
Shivam Singh
- 109
- 11
1
vote
0 answers
Tab mismatch issue in primereact
The code below is a form in my react app which shows up when a user edits a record from a data table - datatable and edit part is not shown here as it's not relevant.
Explanation of Tab Mismatch issue :
As soon as the below page loads, I see the…
Tan
- 1,433
- 5
- 27
- 47
1
vote
1 answer
Is there any way of using custom icons in primereact tree?
is there any way of using custom icons in primereact tree? I've tried importing them in css file and using them like that but it did not work.
Here is a sample of json file with primereact icon usage.
"key": "0-0",
"label": "Work",
"data": "Work…
SamuelS
- 21
- 5
1
vote
1 answer
PrimeReact menu not compiling
I'm trying to have a PrimeReact popup menu working following the documention.
I created a new project with tsx.
I tried
import 'primereact/resources/themes/saga-blue/theme.css'
import 'primereact/resources/primereact.min.css'
import…
tweetysat
- 2,187
- 14
- 38
- 75
1
vote
1 answer
PrimeFaces vs. PrimeReact? What common they have?
The customer is using the PrimeFaces in some applications. Is there some advantage to use for example PrimeReact in some other applications in the future?
There are for example the Roma and Babylon themes in both PrimeFaces and PrimeReact libraries.…
George
- 47
- 6
1
vote
0 answers
Primereact dropdown stopped working after React 17 upgrade
I'm using a dropdown component from Primereact(v1.6.2). After upgrading the react from 16.3 to 17.0.2, I see almost all the Primereact controls are working but dropdown. When I try to open the dropdown, it didn't even open the menu for selection. I…
user3480924
- 11
- 3
1
vote
0 answers
Is it safe to customize / override parts of a 3rd Party React component using extend? (Ignore "composition over inheritance" VS changing source code?)
I'm working with this 3rd party dropdown - primereact - and it's component primereact/multiselect ... I need everything to work exactly as the original developer wrote, except a few functions. These functions are not accessible via props. I'm…
Clay
- 64
- 1
- 6
1
vote
1 answer
PrimeReact: change background color of Menubar items when on hover
i can't change the menu items color when on hover
As you can see, when on hover the color is shown only in the corners, but not on the actual item.
This is my css code:
/*Menubar*/
.p-menubar {
background-color: var(--primary)…
Martin Perussini
- 23
- 5
1
vote
0 answers
PrimeReact DataTable presort on a Column with sortFunction
I have been trying to set a presort similarly to this: https://www.primefaces.org/primereact/showcase/#/datatable/sort
The problem I am facing is that I would like to sort on render by a column which has a sortFunction defined by me.
I have a…
borbalka
- 11
- 1
- 3
1
vote
2 answers
Prime react dataTable sorting is not working with Dates
Incorrect sorting of dates, How to sort date in the below example,
Sorting is working according to day but not month or year. I need sorting according to year first following month and then day.
Mudita Pandey
- 11
- 5
1
vote
0 answers
How to show a file browser and Select files from Liferay Document Library in my custom portlet using ItemSelector
I want to display a file browser to show the Liferay Document Library files and folders and let the user select or upload his files, in my custom portlet.
There is such implementation in the Liferay portal itself now, but I could not find its source…
Mehdi
- 4,396
- 4
- 29
- 30
1
vote
3 answers
I can't change route from Primereact menu
I am using PrimeReact menu to changue routes, the problem that I have is when I run the application, the line "command: this.props.ruta ('Detalle')" run automatically and I can't changue to home. I try to pass parameter to "function handle (route)"…
Eze25
- 11
- 1
- 2
1
vote
1 answer
Show boolean value in dynamically generated datatable columns
I am using PrimeReact Datatables and creating the columns dynamically from JSON. How do I render Boolean values in the table? Right now they are not showing up.
JSON Person Example
const person = [
{
"id":1,
"person":"John Smith",
…
jbreslow
- 186
- 1
- 11