mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2024-11-27 01:40:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Dataframe column headers are reset when you add a new column (#2318)

Browse Source 
* headers fix

* format fix
This commit is contained in:
Dawood Khan 2022-09-23 13:50:08 -04:00 committed by GitHub
parent f8696879af
commit 3a4a82634e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ui/packages/table/src/Table.svelte
View File

@ -334,12 +334,23 @@
let header_edit: string | boolean;
function update_headers_data() {
if (typeof selected === "string") {
const new_header = els[selected].input?.value;
if (_headers.find((i) => i.id === selected)) {
let obj = _headers.find((i) => i.id === selected);
if (new_header) obj!["value"] = new_header;
} else {
if (new_header) _headers.push({ id: selected, value: new_header });
}
}
}
async function edit_header(_id: string, select?: boolean) {
if (!editable || col_count[1] !== "dynamic" || editing === _id) return;
header_edit = _id;
await tick();
els[_id].input?.focus();
if (select) els[_id].input?.select();
}
@ -348,15 +359,13 @@
switch (event.key) {
case "Escape":
event.preventDefault();
selected = header_edit;
header_edit = false;
break;
case "Enter":
case "Tab":
event.preventDefault();
selected = header_edit;
header_edit = false;
update_headers_data();
break;
}
}
@ -412,6 +421,9 @@
els[header_edit].cell !== event.target &&
!els[header_edit].cell?.contains(event.target as Node | null)
) {
selected = header_edit;
header_edit = false;
update_headers_data();
header_edit = false;
}
}