Как добавить ссылку в HTML-заголовок pandas?

У меня есть скрипт Python, который импортирует файл CSV, затем манипулирует данными, а затем выводит их в формате html, используя df.to_html. Я хотел бы иметь возможность щелкнуть заголовок столбца, чтобы вызвать функцию для сортировки строк. Сейчас я выполняю сортировку нажатием кнопки. Я добавил ссылки на строки данных в таблице, но не могу понять, как df.to_html добавить onClick для заголовка.

Пример HTML:

<table>
<th id = "text" onClick = "mySortFunction()">Column Heading</th>
  <tr><td>Row 1</td></tr>
  <tr><td>Row 2</td></tr>
  <tr><td>Row 3</td></tr>
</table>

🤔 А знаете ли вы, что...
Python - это универсальный язык программирования.


1
60
1

Ответ:

Решено

Сам Pandas не предназначен для добавления этих функций. Однако вы можете использовать атрибут table_id в методе to_html(), чтобы упростить идентификацию таблицы на вашей HTML-странице. Затем вы можете использовать библиотеку, например datatables, чтобы добавить для вас сортировку и другие функции.

Итак, что-то вроде:

код питона:

html_str = df.to_html(None, table_id = "myPandasTableId")

HTML-файл:

<html>
<head>
    <link rel = "stylesheet" type= "text/css" href = "https://cdn.datatables.net/2.1.4/css/dataTables.dataTables.min.css" />
</head>
<body>
  <!-- pandas table goes here -->
  <script type = "text/javascript" src = "https://cdn.datatables.net/2.1.4/js/dataTables.min.js"></script>
<script type = "text/javascript">
   let myDataTable =  new DataTable('#myPandasTableId');
</script>

</body>
</html>