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: 861
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.

lakshmigandh
Posts: 2
Joined: 01 Aug 2020, 17:01

01 Aug 2020, 17:05

Hi @ganeshaprabu,

Were you able to do vertical slim scroll when fixed/frozen header is enabled.

Appreciate the help

Mic
Posts: 18
Joined: 27 Sep 2010, 15:59

24 Sep 2020, 07:46

Hi...

ist it possible to use a dynamical height (e.g. with percent) to have a footer at the bottom of the current window, also while resizing it?

Regards,
Michael

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

10 Oct 2020, 20:59

Hi,

Sorry for the delayed response! I'll add a feature like scrollHeight="flex" for it. Please see 'Flexible Viewport' section;
https://primefaces.org/primeng/showcase/#/table/scroll
I think this will solve your problem.

Best Regards,

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 8 guests