feat(VDataTable): Add item.prepend slot

packages/api-generator/src/locale/en/VDataTable.json

@@ -61,6 +61,7 @@
     "item.data-table-select": "Slot to replace the default `v-checkbox-btn` used when selecting rows.",
     "item.data-table-expand": "Slot to replace the default `v-icon` used when expanding rows.",
     "item.<name>": "Slot to customize a specific column.",
+    "item.prepend": "Slot to add content before each row.",
     "loading": "Defines content for when `loading` is true and no items are provided.",
     "tbody": "Slot to replace the default table `<tbody>`.",
     "thead": "Slot to replace the default table `<thead>`.",

packages/api-generator/src/locale/en/VDataTableRows.json

@@ -21,6 +21,7 @@
     "group-summary": "Slot for custom rendering of a group summary.",
     "item.data-table-expand": "Slot for custom rendering of a row cell with the expand icon.",
     "item.data-table-select": "Slot for custom rendering of a row cell with the select checkbox.",
+    "item.prepend": "Slot to add content before each row.",
     "loading": "Slot for custom rendering of the loading state."
   }
 }

packages/vuetify/src/components/VDataTable/VDataTableRows.tsx

@@ -29,6 +29,7 @@ export type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTableR
   'group-summary': GroupSummarySlot
   'no-data': never
   'expanded-row': ItemSlot<T>
+  'item.prepend': ItemSlot<T>
 }
 
 export const makeVDataTableRowsProps = propsFactory({
@@ -180,6 +181,8 @@ export const VDataTableRows = genericComponent<new <T>(
 
             return (
               <Fragment key={ itemSlotProps.props.key as string }>
+                { slots['item.prepend']?.(slotProps) }
+
                 { slots.item ? slots.item(itemSlotProps) : (
                   <VDataTableRow
                     { ...itemSlotProps.props }