timmy / 📊 Tabulator ESM 範例：純瀏覽器也能輕鬆玩表格！
0 gustos
0 bifurcaciones
1 archivos
Última actividad 8 months ago
使用 ES Module 方式導入 Tabulator.js，不靠打包工具就能打造互動表格，支援排序、欄位配置，超輕巧前端神器 ✨
| 1 | <!DOCTYPE html> |
| 2 | <html lang="zh-TW"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | <title>Tabulator ESM 範例</title> |
| 7 | <!-- 引入 Tabulator 的 CSS --> |
| 8 | <link href="https://unpkg.com/tabulator-tables@6.3.1/dist/css/tabulator.min.css" rel="stylesheet"> |
| 9 | </head> |
| 10 | <body> |
timmy / 使用 Streamlit st.session_state 管理可編輯 DataFrame
0 gustos
0 bifurcaciones
1 archivos
Última actividad 9 months ago
透過 st.session_state 讓 Streamlit 應用能夠保存並管理可編輯的 DataFrame，避免頁面重整導致資料丟失，適用於數據管理與即時編輯應用。
| 1 | import streamlit as st |
| 2 | import pandas as pd |
| 3 | |
| 4 | def main(): |
| 5 | # 初始化 session_state |
| 6 | if "data" not in st.session_state: |
| 7 | st.session_state.data = pd.DataFrame({ |
| 8 | "ID": [1, 2, 3], |
| 9 | "Name": ["Alice", "Bob", "Charlie"], |
| 10 | "Age": [25, 30, 35], |
timmy / Dash 下拉選單範例
0 gustos
0 bifurcaciones
1 archivos
Última actividad 10 months ago
這段 Python Dash 程式碼建立了一個 簡單的網頁應用，包含 下拉選單 (Dropdown)，允許使用者選擇 Montréal、Tokyo 或 北京。
| 1 | # -*- coding: utf-8 -*- |
| 2 | |
| 3 | import dash |
| 4 | from dash import html |
| 5 | from dash import dcc |
| 6 | |
| 7 | print(dcc.__version__) |
| 8 | external_stylesheets = ["https://codepen.io/chriddyp/pen/bWLwgP.css"] |
| 9 | |
| 10 | app = dash.Dash( |
Siguiente
Anterior