reflex icon indicating copy to clipboard operation
reflex copied to clipboard

Data_table responsive styling

Open DPetuskey opened this issue 3 years ago β€’ 1 comments

Describe the bug When the parent container of a data_table has responsive widths, the data_table doesn't adjust properly.

To Reproduce Steps to reproduce the behavior:


pc.center(
                pc.vstack(
                    pc.heading("Saved Q&A", font_size="1.5em"),
                    pc.divider(),
                    pc.data_table(
                        data=State.questions,
                        columns=["Prompt", "Answer"],
                        pagination = True,
                        search = True,
                        sort = True,
                        width="100%",
                    ),
                    shadow="lg",
                    padding="1em",
                    border_radius="lg",
                    width="100%",
                ),
                width=["100%", "100%", "75%", "50%", "50%"],
            ),

Expected behavior Expect the data_table to mirror the scaling of the parent.

Screenshots If applicable, add screenshots to help explain your problem. Screen Shot 2022-12-17 at 9 39 13 PM

** Specifics (please complete the following information):**

  • Python Version: 3.11
  • Pynecone Version: 0.1.10
  • OS: Mac
  • Browser (Optional):

Additional context Add any other context about the problem here.

DPetuskey avatar Dec 18 '22 05:12 DPetuskey

Got it looking into this

Alek99 avatar Dec 18 '22 05:12 Alek99

@Alek99 @DPetuskey Hello, I wanted to check if this problem is still persisting because I haven't been able to reproduce it on my end.

Details

  • Python version: 3.11.4
  • Reflex version: current reflex code as of today
  • OS: local docker containercat /etc/os-release PRETTY_NAME="Debian GNU/Linux 11 (bullseye)"
  • Browser - Chrome Version 114.0.5735.198

Here my code.: https://paste.ofcode.org/KTqGAiDwDH545YVyhFCp96

screenshot_0012

rahulbagai avatar Jul 19 '23 21:07 rahulbagai

can confirm this works as expected. Closing this issue now

ElijahAhianyo avatar Aug 18 '23 09:08 ElijahAhianyo