Как сделать таблицу с возможностью скачать выбранные строки html/js?
Прикладываю код ,который есть сейчас.
https://github.com/Ilyavii/YM_project
html файл - таблица
python файл - запускает сервер и передает в html датафрейм
js - пока не работает, планируется, что он должен отвечать за процеес, после нажатие кнопок
Мне нужно сделать таблицу, например как тут https://codepen.io/codewithJahid/pen/ObegKN
И еще одно поле с выпадающим список, тоже из python будет идти.
Есть таблица, пользователь выбирает строки, а после нажатие кнопки я хочу получать эти данные выбранные в python или файлик рядом сохраняется с кодом. Потом я его буду обрабатывать
У меня что то не работает и хотел узнать, есть ли хорошие примеры. И может подскажите, куда смотреть, где читать
Дополнительно:
Прикладываю код ,который есть сейчас.
А где?
Тебе нужна библиотека dash+plotly Там и таблицы и графики и приблизительно все что угодно. В качестве хранилища данных может быть, как pandas датафрейм так и база данных. Таблицу как в примере сделать довольно просто. Документация очень большая и очень толковая, там элементарно найдешь полный пример запросов к фрейму и отображения в виде таблиц, график и т.д.
- Спасибо, забыл про этот метод ,буду разбираться с ним
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для создания таблицы с возможностью скачивания выбранных строк в формате HTML/JS, вам потребуется использовать JavaScript и HTML. Ниже приведен пример кода, который демонстрирует это:
```html
function downloadTable() {
let table = document.getElementById('myTable');
let selectedRows = table.querySelectorAll('tr.selected');
let htmlContent = '
selectedRows.forEach(row => {
htmlContent += row.outerHTML;
});
htmlContent += '
';
let blob = new Blob([htmlContent], { type: 'text/html' });
let url = URL.createObjectURL(blob);
let a = document.createElement('a');
a.href = url;
a.download = 'selected_rows.html';
a.click();
}
tr.selected {
background-color: lightblue;
}
document.querySelectorAll('tr').forEach(row => {
row.addEventListener('click', () => {
row.classList.toggle('selected');
});
});
```
Этот код создает таблицу с тремя столбцами: "First Name", "Last Name" и "Age". При клике на строку таблицы, она выделяется с помощью стиля CSS. При нажатии на кнопку "Download Selected Rows" выбранные строки таблицы конвертируются в HTML и сохраняются в файл с расширением .html.
Надеюсь, это поможет вам решить вашу задачу! Если у вас есть дополнительные вопросы, не стесняйтесь задавать.