gradio/js/dataframe
pngwn a7fa47a175
ensure Dataframes in background tabs are visible when the tab is selected (#7354)
* add mutation observer to track visibility changes of tabs

* add changeset

* add changeset

* update console.log statements in Svelte component for debugging purposes

* remove unused table_width variable and update console logs in virtual table component

* move visibility check to table

* try dom rect bindings instead

* update binding of viewport_box to correctly calculate viewport height

* remove console.log statements and unused code

* add changeset

* add changeset

* remove unnecessary assignment of t_width in component

* update svelte-check to make ci pass

* update dependencies for happy-dom and vitest
merged from upstream

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
2024-02-09 18:23:05 +00:00
..
shared ensure Dataframes in background tabs are visible when the tab is selected (#7354) 2024-02-09 18:23:05 +00:00
CHANGELOG.md chore: update versions (#7177) 2024-02-06 15:19:29 -08:00
Dataframe.stories.svelte Add show_label check to gr.Dataframe (#7283) 2024-02-02 09:45:59 -08:00
Example.svelte
Index.svelte Add show_label check to gr.Dataframe (#7283) 2024-02-02 09:45:59 -08:00
package.json chore: update versions (#7177) 2024-02-06 15:19:29 -08:00
README.md

@gradio/dataframe

<script>
    import { BaseDataFrame, BaseExample } from "@gradio/dataframe";
</script>

BaseDataFrame

	export let datatype: Datatype | Datatype[];
	export let label: string | null = null;
	export let headers: Headers = [];
	let values: (string | number)[][];
	export let value: { data: Data; headers: Headers; metadata: Metadata } | null;
	export let col_count: [number, "fixed" | "dynamic"];
	export let row_count: [number, "fixed" | "dynamic"];
	export let latex_delimiters: {
		left: string;
		right: string;
		display: boolean;
	}[];

	export let editable = true;
	export let wrap = false;
	export let root: string;
	export let i18n: I18nFormatter;

	export let height = 500;
	export let line_breaks = true;
	export let column_widths: string[] = [];

BaseExample

	export let gradio: Gradio;
	export let value: (string | number)[][] | string;
	export let samples_dir: string;
	export let type: "gallery" | "table";
	export let selected = false;
	export let index: number;