帶有csv文件中的html和javascript的表

Question

該表大約有10,000行。 頁面加載時需要很長時間。

我想在其中添加排序，過濾和分頁功能。我該怎么做？

我想要一些有關如何在Javascript和Ajax中使用數據表的知識。

Answer 1

您可以考慮使用此解決方案。 它需要一些Python知識，特別是Pandas（一個python庫）和Flask（微框架）。

使用此代碼片段讀取csv並轉換為html表。

Python代碼

@app.route("/")
def show_tables():
    data = pd.read_csv("myfile.csv")
    return render_template('index.html',tables=[re.sub(' mytable', '" id="example', data.to_html(classes='mytable'))],
    titles = ['Excel Data to Flask'])

的index.html

<!doctype html>
<head>   
<link rel=stylesheet type=text/css href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel=stylesheet type=text/css href="https://cdn.datatables.net/plug-ins/f2c75b7247b/integration/bootstrap/3/dataTables.bootstrap.css">
<!--<link rel=stylesheet type=text/css href="https://cdn.datatables.net/responsive/1.0.4/css/dataTables.responsive.css"> -->
</head>
<body>
<div class=page> 
  {% for table in tables %}
    <h2>{{titles[loop.index]}}</h2>
    {{ table|safe }}
  {% endfor %}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"> </script>
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"> </script>
</body>
</html>

您可以在此處閱讀有關此主題的更多信息：熊貓：CSV到HTML

這將使您可以更輕松，更快速地讀取csv文件，以及使用javascript datable。

帶有csv文件中的html和javascript的表

問題描述

1 個解決方案

解決方案1
0 已采納 2018-11-23 06:41:16

帶有csv文件中的html和javascript的表

問題描述

1 個解決方案

解決方案1 0 已采納 2018-11-23 06:41:16

解決方案1
0 已采納 2018-11-23 06:41:16