364 questions
0
votes
1
answer
70
views
I'm using the primereact library, specifically a dropdown. How can I modify it's height?
I'm trying to modify a primereact theme for the dropdowns, but it doesn't seem to change a bit...
Anytime that I need to modify any component brought by an external library I'm having this kind of ...
0
votes
1
answer
52
views
Virtualization doesn't work in PrimeReact's ListBox
Versions:
"primereact": "^10.9.7"
"react": "^18.2.0"
I've added a component like this:
<ListBox
filter
multiple
value={myValue}
options={...
0
votes
0
answers
36
views
How to get auth-header to work with PrimeReact FileUpload?
I use Clerk as my authentication provider and Primereact as the UI library in my React app.
Locally, this file upload works perfectly:
<FileUpload onBeforeSend={BeforeSend} chooseLabel={t("...
- 291
1
vote
0
answers
34
views
PrimeReact Editor adds unnecessary space while change the content
We have created SPFx React solution. We have used PrimeReact library in that project.
We have used the Editor component from PrimeReact library.
The editor works with initial data which passed on ...
1
vote
0
answers
107
views
Header alignment with sort/filter icons in PrimeReact DataTable
I have a PrimeReact DataTable with multiple columns.
Each column has a text header, optionally with sort and filter options.
Alignment of the columns can differ, and I would like the alignment of the ...
0
votes
0
answers
29
views
How can I dynamically inject theme colors from JSON into PrimeReact's CSS/SCSS themes?
I'm building a React project with TypeScript that will be sold to multiple clients. To accommodate dynamic theming, all configuration—including theme colors, assets and texts—is fetched from an API ...
1
vote
0
answers
36
views
Primereact sorting a Date value as string and not as Date, custom sort is ignored
I have a date in my data which is being treated as string by primereact. To overcome I added a format function to formate date string to Date type. However, primereact still treat the values as string....
- 9
1
vote
0
answers
57
views
How to add Image and text in data label and legend in pie chart?
I have created SPFx React project and integrate chart js library in that projecct
I have used "chart.js": "^3.3.2" version.
I need to add an image/icon in data labels and legends.
...
1
vote
1
answer
102
views
How can I customize the default sorting behavior in a PrimeReact DataTable?
I want to enable sorting with null values in PrimeReact. Currently, null values are always placed at the bottom by default, similar to Excel's behavior.
Previously, sorting was working as shown in ...
- 792
1
vote
2
answers
84
views
How can I customize the sort icon color for specific columns in a PrimeReact table with multi-sort enabled?
I am using a PrimeReact table with multi-sort functionality, and I need to change the color of the sort icons for specific columns. Specifically, I want the sort icon in the Code column to be red and ...
- 792
1
vote
1
answer
133
views
How do we add labels like the image?
I have created the SPFx React project.
I have implemented a bar chart using PrimeReact charts.
To my knowledge, PrimeReact uses the ChartJs library on the back end.
I need to add a label and value ...
- 120
1
vote
0
answers
44
views
PrimeReact checkbox not focussing using Tailwind
Context
We're using ReactPrime as UI lib for our NextJS, on top of which we apply our custom styles using Tailwind.
import { CustomDesignSystem } from "@/app/ui/design-system"
...
...
- 1,077
3
votes
1
answer
109
views
React component Extends generic prop type using typescript
I am trying to extend existing props from Primereact DataTable component but I can't understand why I see this error:
Generic type 'DataTableProps' requires 1 type argument(s)
I was supposed to ...
- 64
5
votes
2
answers
4k
views
dialog causes error Accessing element.ref was removed in React 19
I'm using primereact with nextjs but i get error Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.. so i guess ...
- 139
0
votes
1
answer
439
views
React > PrimeReact > DataTable > Date Filter - Strip Timezone?
I'm using the PrimeReact DataTable, and am trying to filter on a date column. I'm using PrimeReact's built-in UI but am doing custom stuff after the filter is set. This all works fine, except I'm ...
- 5