How to set min width of dataView container

UI Components for React
Post Reply
chrishj
Posts: 229
Joined: 11 Jul 2011, 21:58
Location: England, Lancashire
Contact:

08 Dec 2022, 13:29

Is there a parameter that I have missed to set the minimum width of the DataView container?
PrimeReact: 9.6.0
NextJs: 13.4.12
Theme Apollo v9.0
Database pg 8.8.0
react-hook-form: 7.38.0

Melloware
Posts: 3716
Joined: 22 Apr 2013, 15:48

12 Dec 2022, 15:13

Simply use CSS

Code: Select all

body .p-dataview {
    min-width: 50px;
 }
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 13.0.0 / PF Extensions 13.0.0
PrimeReact 9.6.1

chrishj
Posts: 229
Joined: 11 Jul 2011, 21:58
Location: England, Lancashire
Contact:

12 Dec 2022, 16:13

Hi,

Thanks for the pointer.
It transpired that I needed to make the change higher up the page.

The below works.

Code: Select all

 <div className="flex justify-content-center  ">
   <div className="card min-w-full">
	<h3 className="text-center"> {title}</h3>

	<ProductList className="min-w-full" productParam={products} />
     </div>
  </div>
  
PrimeReact: 9.6.0
NextJs: 13.4.12
Theme Apollo v9.0
Database pg 8.8.0
react-hook-form: 7.38.0

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests