bugfix for properly rendering datatables.

[ElijahAhianyo]

This PR fixes the issue with how datatables are being rendered. The supported fields for the data prop are List, List[List], Dataframe. You should be able to add a datatable in the following manner:

import pynecone as pc


class State(pc.State):
    pass


def index() -> pc.Component:
    return pc.center(
        pc.vstack(
            pc.heading("My Chatbot"),
            pc.data_table(
                data= [["foo", "answer"],["foo2", "bar2"] ], columns = ["prompt", "answer"]
            ),
        ),
    )


app = pc.App(state=State)
app.add_page(index)
app.compile()

import pynecone as pc


class State(pc.State):
     data = [["foo", "answer"],["foo2", "bar2"] ]
     columns = ["prompt", "answer"]


def index() -> pc.Component:
    return pc.center(
        pc.vstack(
            pc.heading("My Chatbot"),
            pc.data_table(
                data=State.data, columns=State.columns
            ),
        ),
    )


app = pc.App(state=State)
app.add_page(index)
app.compile()

import pynecone as pc


class State(pc.State):
     data = ["foo", "bar"]
     columns = ["prompt", "answer"]


def index() -> pc.Component:
    return pc.center(
        pc.vstack(
            pc.heading("My Chatbot"),
            pc.data_table(
                data=State.data, columns=State.columns
            ),
        ),
    )


app = pc.App(state=State)
app.add_page(index)
app.compile()

import pynecone as pc
import pandas as pd


class State(pc.State):
     data = pd.Dataframe([["foo", "answer"],["foo2", "bar2"] ], columns = ["prompt", "answer"])
     
def index() -> pc.Component:
    return pc.center(
        pc.vstack(
            pc.heading("My Chatbot"),
            pc.data_table(
                data=State.data
            ),
        ),
    )


app = pc.App(state=State)
app.add_page(index)
app.compile()

NB:

• When you set data as a pandas Dataframe, you don't have to pass in the columns props to the component.
• When you set data as a List, its mandatory to pass in a columns field

Type of change

• Bug fix (non-breaking change which fixes an issue)

fixes #620

[picklelo]

looks good!