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
headerStyle in Dynamic Columns primereact datatable
I'm using dynamic columns in PrimeReact Datatable component:
const columns = [
{
field: 'code',
header: 'Code',
body: bodyTemplate,
headerStyle: {{minWidth: '15rem'}},
sortable: 'sortable',
},
...
]
I defined bodyTemplate…
Mehdi Rahimi
- 1,453
- 5
- 20
- 31
0
votes
0 answers
Need to extends DataTable wherever i click in primereact
DataTable object extend if i click arrow button.But i need this ,wherever I click, the row should expand. Is there any way to do so?
This is the example code of DataTable
…
yokbi
- 23
- 4
0
votes
0 answers
React ChartJS - Text diferent text in both sides of chart Version: 4.2.1
in my react application, i'm using the PrimeReact and i need to put on the right side of my stacked bar chart another text like this figma image
enter image description here
How can I add the right quantity text?
i could not find any resolve
0
votes
0 answers
How can I remove checkboxes from certain options from primereact MultiSelect in React
In my React App I use primereact multiselect in which visually I should have 2 sections:
The first with the already selected values and the second with all the others (notselected).
I did this by simply adding them to the options array like…
Sarah
- 1
- 3
0
votes
1 answer
React Dynamic class toggle multiple
Hello I basically want to toggle multiple div from active to inactive based on id or key.
Why cant i do something like this ?
Shammi Seth
- 23
- 3
0
votes
1 answer
disable close message automatically in PrimeReact
I'm using PrimeReact Message UI element and it automatically closed after a period of time determined by life property. How can I disable it to don't close automatically.
Here is the message element in my code:
message.current.show({ severity:…
Mehdi Rahimi
- 1,453
- 5
- 20
- 31
0
votes
0 answers
primereact: how to avoid handling keydown when a popup item is highlighted?
Using the Autocomplete component of primereact
Im trying to manage the input when its not included in the suggestions,
the idea is to let the user add a new item to the pool if its not already there.
so far i used the onKeyDown event handler to…
drdv
- 23
- 8
0
votes
0 answers
How to add a background image avatar to React JS using primereact
I am trying to create a register page where a user can add a profile picture as well as a background picture to their profile. I have installed the PrimeReact themes and templates to my node modules. However, the avatar doesn't want to fit it to…
tbsolutions
- 1
- 1
0
votes
0 answers
Separate value selected from primereact dropdown
In this code I have the possibility to upload images and display them with a category for each one. The image and category are saved in an array. The problem is when I want to select a value of a dropdown, the value selected doesn´t change in the…
Jose_d
- 1
- 2
0
votes
1 answer
how to sort prime react table?
sorting in my table is not working.
LeftIcon - sort, RightIcon - filter.
https://codesandbox.io/s/purple-feather-phzm1j?file=/src/App.js - my project
I'm assuming due to the nesting in the data, how do I set this up?
DoNegative
- 21
- 5
0
votes
0 answers
Hide the selected row in prime react Datatables
I have the below code which i can select the rows for highlight, but if i want to hide the selected rows from the table below is my code
const [hideEmployeeDialog, setHideEmployeeDialog] = useState(false);
const leftToolbarTemplate = () => {
…
ravi
- 11
- 2
0
votes
0 answers
Issue while getting values from table row in react
I am using the prime react table where that values are getting show in table but then prime react table is not iterating the values from anywhere
But i need to get each id value from the table
Below is my code
Developer007
- 37
- 5
0
votes
0 answers
React-Google-Charts Sankey bugging in responsive use
I'm working on a PrimeReact project. I used Sankey from Google-Charts (https://www.react-google-charts.com/examples/sankey). It works normally when not using any dynamic screen. However, as soon as I expand or collapse the sidebar, it stays like no…
Emre Demir
- 1
- 2
0
votes
0 answers
Multiple FileUpload PrimeReact state management
I'm running into an issue here. What I'm trying to do essentially is having a form that has the doc name (in this case we'll call it documents) and doc number and other fields, but not important at the moment. Within in this form a user can upload…
DonDavid12
- 13
- 4
0
votes
0 answers
What's the difference between search frameworks and UI libraries with form components?
Can someone explain the difference between a search framework such as Search UI and UI libraries such as PrimeReact? Search UI seems to contain pre-built form components which can be used for a site search. PrimeReact for example, also contains…
ianyoung
- 2,863
- 4
- 26
- 31