mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-03-13 11:57:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Dataframe fixes (#607)

Browse Source 
* allow deletion of cells with backspace and delete

* respect default data

* remove logs
This commit is contained in:
pngwn 2022-02-16 09:57:04 +00:00 committed by GitHub
parent d3a680697a
commit 6fdc76c31b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
ui/packages/app/src/components/input/DataFrame/DataFrame.svelte
View File

@ -1,13 +1,11 @@
<script lang="ts">
import { tick } from "svelte";
export let label = "Title";
export let headers: Array<string> = [];
export let values: Array<Array<string | number>> = [
["Frank", 32, "Male"],
["Beatrice", 99, "Female"],
["Simone", 999, "Male"]
];
export let values: Array<Array<string | number>> = [["", "", ""]];
export let default_data: Array<Array<string | number>> = [];
if ($$props.default) values = $$props.default;
export let setValue: (val: typeof values) => typeof values;
export let editable = true;
@ -126,6 +124,20 @@
editing = id;
}
break;
case "Backspace":
if (!editable) break;
if (!editing) {
event.preventDefault();
data[i][j].value = "";
}
break;
case "Delete":
if (!editable) break;
if (!editing) {
event.preventDefault();
data[i][j].value = "";
}
break;
default:
break;
}
@ -272,8 +284,6 @@
};
</script>
<h4 id="title">{label}</h4>
<div class="shadow overflow-hidden border-gray-200 rounded-sm relative">
<table
id="grid"