Add show_label check to gr.Dataframe (#7283)

* add show_label check and story test

* add changeset

* formatting

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/blue-walls-poke.md

@@ -0,0 +1,6 @@
+---
+"@gradio/dataframe": patch
+"gradio": patch
+---
+
+fix:Add `show_label` check to `gr.Dataframe`

js/dataframe/Dataframe.stories.svelte

@@ -39,6 +39,44 @@
 	}}
 />
 
+<Story
+	name="Interactive dataframe with label"
+	args={{
+		value: {
+			data: [
+				["Cat", 5],
+				["Horse", 3],
+				["Snake", 1]
+			],
+			headers: ["Animal", "Votes"],
+			metadata: null
+		},
+		label: "Animals",
+		show_label: true,
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"]
+	}}
+/>
+
+<Story
+	name="Interactive dataframe no label"
+	args={{
+		value: {
+			data: [
+				["Cat", 5],
+				["Horse", 3],
+				["Snake", 1]
+			],
+			headers: ["Animal", "Votes"],
+			metadata: null
+		},
+		label: "Animals",
+		show_label: false,
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"]
+	}}
+/>
+
 <Story
 	name="Static dataframe"
 	args={{

js/dataframe/Index.svelte

@@ -25,6 +25,7 @@
 	export let col_count: [number, "fixed" | "dynamic"];
 	export let row_count: [number, "fixed" | "dynamic"];
 	export let label: string | null = null;
+	export let show_label = true;
 	export let wrap: boolean;
 	export let datatype: Datatype | Datatype[];
 	export let scale: number | null = null;
@@ -95,6 +96,7 @@
 	<Table
 		{root}
 		{label}
+		{show_label}
 		{row_count}
 		{col_count}
 		{value}

js/dataframe/shared/Table.svelte

@@ -19,6 +19,7 @@
 
 	export let datatype: Datatype | Datatype[];
 	export let label: string | null = null;
+	export let show_label = true;
 	export let headers: Headers = [];
 	let values: (string | number)[][];
 	export let value: { data: Data; headers: Headers; metadata: Metadata } | null;
@@ -643,7 +644,7 @@
 />
 
 <div class:label={label && label.length !== 0} use:copy>
-	{#if label && label.length !== 0}
+	{#if label && label.length !== 0 && show_label}
 		<p>
 			{label}
 		</p>