Pythonから受け取った配列をjavascriptでtable化する方法

実現したいこと

①htmlからfoamでPythonへcsvデータの受渡
②Pythonでcsvデータをリスト化、変数に渡す
③リスト化されたデータをhtmlで受取
④javascriptでリスト化されたデータを受け取り、加工、htmlのtableに反映

④のデータを受け取るまではできたのですが、生のデータが見ずらいため、
htmlでテーブル化をしてデータを見やすくしたいです。
調べてもcsvデータをPythonから受け取って処理をしているものが見当たらなかったため質問させていただきます。

前提

ここに質問の内容を詳しく書いてください。
（例）
TypeScriptで●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーは出ていないのですが、テーブル化が出来ず、何が悪いのかも分かりません、、 現状のソースコードは以下の通りです。

該当のソースコード

html

1{% extends "layout.html" %} 2{% block content %} 3 4<p>{{ list }}</n>{{ title }}</p>5<table id="output"></table>6 7<script>8 9var x = {{list|tojson}}10 11let output =document.getElementById("output");12function htmlWrite(x){13 let insert ="";14 x.forEach(element => {15 insert +='<tr>';16 element.forEach((childElement) =>{17 insert +=`<td>${childElement}</td>`;18 });19 insert +='</tr>'20 });21 22 //HTMLに出力23 output.innerHTML = insert;24}25</script>26 27{% endblock %}

Python

1import re, sys 2import pandas 3from flask import Flask, request,render_template 4app = Flask(__name__)5 6@app.route("/")7def hello():8 return render_template('index.html')9 10@app.route('/test', methods=['POST'])11def post():12 test = request.files.get('file')13 data = pandas.read_csv(test,encoding="shift-jis")14 15 data_list = data.to_numpy().tolist()16 data_title = data.columns.tolist()17 18 return render_template('get.html',list=data_list,title=data_title)19 20 21if __name__ == "__main__":22 app.debug = True23 app.run()24 25

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。