added table output

app.py

@@ -153,14 +153,16 @@ def testSQL(sql):
     conn = dbEngine2.getConnection()
     df = pd.read_sql_query(sql, con=conn)  
     dbEngine2.disconnect()
-    return disclaimerOutputStripping + str(pd.DataFrame(df))
+    table_output = gr.DataFrame(df)
+    return disclaimerOutputStripping, table_output
   except Exception as e:
       errorMessage = {"function":"testSQL","error":str(e), "userInput":sql}
       saveLog(errorMessage, 'error')
       dbEngine2.disconnect()
       
       print(f"Error occured during running the query {sql}.\n and the error is {str(e)}")
-      return f"The query you entered throws some error. Here is the error.\n {str(e)}"
+      table_output = gr.DataFrame(pd.DataFrame())
+      return f"The query you entered throws some error. Here is the error.\n {str(e)}", table_output
 
 
 def onSelectedTablesChange(tablesSelected):
@@ -259,9 +261,10 @@ with gr.Blocks() as demo:
         gr.Markdown("""<h1><center> Run Query </center></h1>""")
         text_input = gr.Textbox(label = 'Input SQL Query', placeholder="Write your SQL query here ...")
         text_output = gr.Textbox(label = 'Result')
+        table_output = gr.DataFrame(pd.Dataframe())
         text_button = gr.Button("RUN QUERY")
         clear = gr.ClearButton([text_input, text_output])
-        text_button.click(testSQL, inputs=text_input, outputs=text_output)
+        text_button.click(testSQL, inputs=text_input, outputs=[text_output, table_output])
 
         csvFileComponent = gr.File([], file_count='multiple')
         downloadCsv = gr.Button("Get result as csv")