diff --git a/config/sections/mixins/layout.php b/config/sections/mixins/layout.php
index 1cd41bf48e..654ce3840f 100644
--- a/config/sections/mixins/layout.php
+++ b/config/sections/mixins/layout.php
@@ -94,15 +94,6 @@
 				];
 			}
 
-			if ($this->type === 'pages') {
-				$columns['flag'] = [
-					'label'  => ' ',
-					'mobile' => true,
-					'type'   => 'flag',
-					'width'  => 'var(--table-row-height)',
-				];
-			}
-
 			return $columns;
 		},
 	],
diff --git a/panel/lab/components/fieldpreviews/flag/index.php b/panel/lab/components/fieldpreviews/flag/index.php
deleted file mode 100644
index 2e31d7db5d..0000000000
--- a/panel/lab/components/fieldpreviews/flag/index.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<?php
-
-return [
-	'docs' => 'k-flag-field-preview',
-];
diff --git a/panel/lab/components/fieldpreviews/flag/index.vue b/panel/lab/components/fieldpreviews/flag/index.vue
deleted file mode 100644
index 73a826267d..0000000000
--- a/panel/lab/components/fieldpreviews/flag/index.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-	<k-lab-examples>
-		<k-lab-example label="Listed">
-			<k-lab-table-cell>
-				<!-- @code -->
-				<k-flag-field-preview :value="{ status: 'listed' }" />
-				<!-- @code-end -->
-			</k-lab-table-cell>
-		</k-lab-example>
-
-		<k-lab-example label="Unlisted">
-			<k-lab-table-cell>
-				<!-- @code -->
-				<k-flag-field-preview :value="{ status: 'unlisted' }" />
-				<!-- @code-end -->
-			</k-lab-table-cell>
-		</k-lab-example>
-
-		<k-lab-example label="Draft">
-			<k-lab-table-cell>
-				<!-- @code -->
-				<k-flag-field-preview :value="{ status: 'draft' }" />
-				<!-- @code-end -->
-			</k-lab-table-cell>
-		</k-lab-example>
-
-		<k-lab-example label="Empty">
-			<k-lab-table-cell>
-				<!-- @code -->
-				<k-flag-field-preview />
-				<!-- @code-end -->
-			</k-lab-table-cell>
-		</k-lab-example>
-	</k-lab-examples>
-</template>
diff --git a/panel/src/components/Collection/Items.vue b/panel/src/components/Collection/Items.vue
index 9c138cc400..f9abd612f8 100644
--- a/panel/src/components/Collection/Items.vue
+++ b/panel/src/components/Collection/Items.vue
@@ -15,6 +15,27 @@
 		>
 			<slot name="options" v-bind="{ item, index }" />
 		</template>
+
+		<template #extra-columns-headers>
+			<th
+				v-for="(button, buttonIndex) in table.rows[0].buttons"
+				:key="'button-' + buttonIndex"
+				:data-column-id="'buttons-' + buttonIndex"
+				:style="{ width: 'var(--table-row-height)' }"
+				data-mobile="true"
+				class="k-items-table-layout-buttons-column"
+			/>
+		</template>
+
+		<template #extra-columns="{ row: item, rowIndex: index }">
+			<td
+				v-for="(button, buttonIndex) in item.buttons"
+				:key="'button-' + buttonIndex"
+				class="k-items-table-layout-buttons-column"
+			>
+				<k-button v-bind="button" />
+			</td>
+		</template>
 	</k-table>
 
 	<!-- Layout: cards, cardlets, list -->
@@ -235,4 +256,15 @@ export default {
 		grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
 	}
 }
+
+.k-table .k-items-table-layout-buttons-column {
+	padding: 0;
+	width: var(--table-row-height);
+	text-align: center;
+}
+.k-table .k-items-table-layout-buttons-column .k-button {
+	--button-width: 100%;
+	--button-height: 100%;
+	outline-offset: -2px;
+}
 </style>
diff --git a/panel/src/components/Forms/Previews/FlagFieldPreview.vue b/panel/src/components/Forms/Previews/FlagFieldPreview.vue
deleted file mode 100644
index cb4ef92f01..0000000000
--- a/panel/src/components/Forms/Previews/FlagFieldPreview.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-	<k-button
-		v-if="value"
-		v-bind="status"
-		:class="['k-flag-field-preview', $attrs.class]"
-		:style="$attrs.style"
-		size="md"
-	/>
-</template>
-
-<script>
-import FieldPreview from "@/mixins/forms/fieldPreview.js";
-
-export default {
-	mixins: [FieldPreview],
-	props: {
-		value: Object
-	},
-	computed: {
-		status() {
-			return {
-				...this.$helper.page.status(this.value?.status),
-				...this.value
-			};
-		}
-	}
-};
-</script>
-
-<style>
-.k-flag-field-preview {
-	--button-height: var(--table-row-height);
-	--button-width: 100%;
-	outline-offset: -2px;
-}
-</style>
diff --git a/panel/src/components/Forms/Previews/index.js b/panel/src/components/Forms/Previews/index.js
index 09a1801232..fbb07fbe07 100644
--- a/panel/src/components/Forms/Previews/index.js
+++ b/panel/src/components/Forms/Previews/index.js
@@ -25,7 +25,6 @@ export default {
 		app.component("k-date-field-preview", DateFieldPreview);
 		app.component("k-email-field-preview", EmailFieldPreview);
 		app.component("k-files-field-preview", FilesFieldPreview);
-		app.component("k-flag-field-preview", FlagFieldPreview);
 		app.component("k-html-field-preview", HtmlFieldPreview);
 		app.component("k-image-field-preview", ImageFieldPreview);
 		app.component("k-link-field-preview", LinkFieldPreview);
diff --git a/panel/src/components/Layout/Table.vue b/panel/src/components/Layout/Table.vue
index 2ac44410c8..c9e60b5266 100644
--- a/panel/src/components/Layout/Table.vue
+++ b/panel/src/components/Layout/Table.vue
@@ -43,6 +43,8 @@
 						</slot>
 					</th>
 
+					<slot name="extra-columns-headers" />
+
 					<th
 						v-if="hasOptions"
 						data-mobile="true"
@@ -126,6 +128,8 @@
 							"
 						/>
 
+						<slot name="extra-columns" v-bind="{ row, rowIndex }" />
+
 						<!-- Options -->
 						<td
 							v-if="hasOptions"