Using scroll panel in datatable

UI Components for React
Post Reply
ganeshaprabhu
Posts: 2
Joined: 03 Jan 2019, 14:17

03 Jan 2019, 14:23

Hi Team,

I want to update the data table scrollbar style with custom theme. Is't possible to use the scrollpanel and datatable component together.

Thanks

merve7
Posts: 482
Joined: 12 Sep 2017, 10:44

08 Jan 2019, 11:06

Yes, you can use scrollpanel and datatable together like the below but you may need to add some styles for looking good.

Code: Select all

                    <ScrollPanel style={{width: '100%', height: '200px'}} className="custombar">
                        <DataTable value={this.state.cars}>
                            <Column field="vin" header="Vin" />
                            <Column field="year" header="Year" />
                            <Column field="brand" header="Brand" />
                            <Column field="color" header="Color" />
                        </DataTable>
                    </ScrollPanel>
We will also discuss with our team to add an option for scrollbar style in datatable component.

ganeshaprabhu
Posts: 2
Joined: 03 Jan 2019, 14:17

08 Jan 2019, 11:20

Hi Team,

I want to style the vertical scroll when header is fixed and horizontal scroll shown when frozen column is enabled. Is there any possible way to do it.

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests