Таблица с HTML и JavaScript из файла CSV - PullRequest
Новая
       0

Таблица с HTML и JavaScript из файла CSV

0 голосов
/ 23 ноября 2018

В таблице около 10000 строк.Когда страница загружается, это занимает много времени.

Я хочу добавить к ней функцию сортировки, фильтрации и разбивки на страницы. Как я могу это сделать?

Я хочу получить некоторые знания о том, как использовать таблицы данныхс Javascript и Ajax.

1 Ответ

0 голосов
/ 23 ноября 2018

Это решение можно рассмотреть.Требуются некоторые знания Python, в частности Pandas (библиотека python) и Flask (микрорамка) .

Используйте этот фрагмент для чтения csv и преобразования в HTML-таблицы.

Python code 

@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.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...