how can i make button upper than the component it controls.

[zhangbo2008]

with gr.Blocks(head=head,theme=seafoam) as demo:
    # gr.Markdown("下面是全部的可以查询的列名")
    showlieming = gr.Button("所有字段",size="sm")
    showlieming.click(showliemingf, [showlieming_state],[showlieming_state,lieming])

    # with gr.Blocks():
    lieming=gr.DataFrame(headers=None,value=all_key2,visible=True,
                         interactive=False,
                         wrap=True,scale=1,type='pandas')

i wanna use button showlieming to control the visaible of the lieming dataframe. how to set it upper than the lieming component? Thansk a lot my friends.

[yvrjsharma]

Hi @zhangbo2008 are you looking for something like below?

with gr.Blocks(theme=gr.themes.Soft()) as demo:

    showlieming = gr.Button("Set Visible",size="sm")
    hidelieming = gr.Button("Set Invisible",size="sm", visible=False)

    lieming=gr.DataFrame(headers=None,value=[[1,2,3]],visible=False,
                         interactive=False,
                         wrap=True,scale=1,type='pandas')
    showlieming.click(lambda :(gr.DataFrame(visible=True), gr.Button(visible=False), gr.Button(visible=True)), [],[lieming, showlieming, hidelieming])
    hidelieming.click(lambda :(gr.DataFrame(visible=False), gr.Button(visible=True), gr.Button(visible=False)), [],[lieming, showlieming, hidelieming])

demo.launch()

gradio_github_issue8329.mp4

[abidlabs]

Thanks @yvrjsharma and @zhangbo2008! By the way, for general questions like this (that are not feature requests or bug reports), please ask in our Discord server. (I'll close this issue)

[zhangbo2008]

thanks a lot. very appreciate.