Datatable Resizes Based on Pagination.

[Alek99]

Describe the bug A clear and concise description of what the bug is.

I was testing out the datatable and when there are multiple pages of the datatable the widths seem to change as you go from page to page.

To Reproduce Steps to reproduce the behavior:

nba_data = pd.read_csv("https://media.geeksforgeeks.org/wp-content/uploads/nba.csv")

...
pc.data_table(
                data=nba_data[["Name", "Height", "Age"]],
                pagination=True,
                search=True,
                sort=True,
            ),

Expected behavior A clear and concise description of what you expected to happen.

Width expect the size of the datatable to stay the same as you go through pages, so that there isn't a space with pages with shorter column information. Screenshots If applicable, add screenshots to help explain your problem.

What the space ends up looking like.

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

• Python Version: 3.11
• Pynecone Version: 0.1.19
• OS: Mac

Additional context For anyone looking to take this issue on we use grid js under the hood. A good place to start exploring would be that library: https://gridjs.io/docs/config/width

In our repo the datatable code is located at: pynecone/components/datadisplay/datatable.py

[d29107d]

@Alek99 I didn't get you. I add some props for the datatable so that we can set the width directly.

I'm not sure if my new feature is ok. Please take a look at my code.

nba_data = pd.read_csv("./assets/nba.csv")


def index() -> pc.Component:
    return pc.data_table(
        data=nba_data[["Name", "Height", "Age"]],
        pagination=True,
        search=True,
        sort=True,
        width="60%",
    )

https://github.com/d29107d/pynecone/blob/55e671fedba512b48792e7895c8a741a76d6a50a/pynecone/components/datadisplay/datatable.py#L41