Как добавить ссылку в 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>
Ответы 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>
Спасибо. Это сработало, хотя мне пришлось добавить «<script src = "code.jquery.com/jquery-3.7.1.min.js"></script>» перед строкой javascript dataTables.
Вам нужно отредактировать файл, чтобы добавить код функции, верно? Это всего лишь еще одно редактирование.