flask pandas 到 tabulator 表都搞砸了

Question

我是新 Dev ，试图将 Pandas DataFrame 传递给 Tabulator ，它可以工作，但是 table 太乱了

原始文件： original file in excel

没有制表符： to_html() render result

它呈现得很好 html 但是一旦我将 Tabulator 附加到它，一切都搞砸了。

制表符之后： after attaching tabulator to it using ID

我安装它的方式是将 Dist 中的所有文件复制并粘贴到我的应用程序文件夹中 JS 文件夹中的 JS 文件和 CSS 文件夹中的所有 CSS 文件

在 HTML 头上：

<link href="{{ url_for ('static', filename='css/tabulator.min.css') }}" rel="stylesheet"></link>


<script type="text/javascript" src="{{ url_for ('static', filename='tabulator.min.js') }}"></script>

HTML正文：

var table = new Tabulator("#tableId", {});

PYTHON :

df = pd.read_excel(destination)

return render_template('fileviewer.html',x=df.to_html(table_id='tableId'))

Answer 1

查看您发布的代码，问题是它在table 而不是 td 标签。 th 标签只能用在 thead 而不是tbody

Answer 2

使用 .to_json(orient = "records") 始终是 Tabulator 的最佳选择

试试这个：

1) 如果还没有Id，只需：

df.insert(0,'id',range(1,len(df)+1))
df= df.to_json(orient='records')

JsonResponse({'myDF':df})

2) 一旦返回 Javascript，当您尝试从 Ajax 响应加载数据时，您必须使用

 data: eval(json.myDF)

为了制表符能正确读出

flask pandas 到 tabulator 表都搞砸了

flask pandas to tabulator tables are all messed up

javascript

python

flask

pandas

tabulator