前端Tabulator引用后台pandas的dataframe
时间: 2023-08-17 09:10:56 浏览: 149
要将后台的 Pandas DataFrame 数据传递到前端的 Tabulator,可以使用 Python 的 Flask 框架来实现。具体步骤如下:
1. 在 Flask 中编写一个 API,将 Pandas DataFrame 格式的数据以 JSON 格式返回给前端。
```python
from flask import Flask, jsonify
import pandas as pd
app = Flask(__name__)
# 定义 API
@app.route('/data')
def get_data():
# 从后台获取 Pandas DataFrame 数据
df = pd.read_csv('data.csv')
# 将 DataFrame 转换为 JSON 格式
data = df.to_dict(orient='records')
# 返回 JSON 格式的数据
return jsonify(data=data)
if __name__ == '__main__':
app.run()
```
2. 在前端页面中使用 Ajax 请求该 API,并将返回的 JSON 数据传递给 Tabulator。
```javascript
// 使用 Ajax 请求数据
$.ajax({
url: '/data',
dataType: 'json',
success: function(data) {
// 初始化 Tabulator,并将数据传递给 Tabulator
var table = new Tabulator("#my-table", {
data: data,
columns: [
{title: "Name", field: "name"},
{title: "Age", field: "age"},
{title: "Gender", field: "gender"}
]
});
}
});
```
这样,就可以将后台的 Pandas DataFrame 数据传递给前端的 Tabulator,并在页面上显示出来。
阅读全文