add dataframe in frontend

app.py

@@ -45,9 +45,9 @@ def process(task_name: str,
         # save
         path = 'output.csv'
         df.to_csv(path, index=False, encoding='utf-8-sig')
-        return str(df), path
+        return None, df.iloc[:10], path
     except Exception as e:
-        return {'Error': e}, None
+        return {'Error': e}, None, None
 
 
 instructions = 'Please upload a file or paste the text below. '
@@ -81,6 +81,10 @@ text_output = gr.components.Textbox(
     type='text'
 )
 
+dataframe_output = gr.components.Dataframe(
+    label='DataFrame'
+)
+
 description = open('description.txt', 'r').read()
 
 file_output = gr.components.File(label='Output File',
@@ -90,7 +94,7 @@ file_output = gr.components.File(label='Output File',
 app = gr.Interface(
     fn=process,
     inputs=[task_name_dropdown, model_name_dropdown, text_input, 'file'],
-    outputs=[text_output, file_output],
+    outputs=[text_output, dataframe_output, file_output],
     description=description
 )
 app.launch()