1

我是一个新开发者，试图将 Pandas DataFrame 传递给 Tabulator ，它可以工作，但表格太乱了

原始文件： excel中的原始文件

没有制表符： to_html() 渲染结果

它可以很好地呈现为 html，但是一旦我将 Tabulator 附加到它上面，一切都搞砸了。

在制表符之后： 使用 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'))
4

2 回答 2

0

查看您发布的代码，问题在于它使用th标签作为表中每一行的第一个单元格，而不是td标签。th标签只能用在thead而不是tbody

于 2018-11-25T18:53:42.263 回答
0

使用 .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)

为了制表符正确阅读

于 2020-02-01T21:50:05.467 回答