docs(VDataTable): clarify the importance of height prop

closes #20201

Author: J-Sek

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

@@ -6,7 +6,6 @@
     "sortAscIcon": "Icon used for ascending sort button.",
     "sortDescIcon": "Icon used for descending sort button.",
     "sticky": "Deprecated, use `fixed-header` instead.",
-    "fixedHeader": "Sticks the header to the top of the table.",
     "headerProps": "Additional props to be be passed to the default header"
   },
   "slots": {

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

@@ -1,8 +1,8 @@
 {
   "description": "Replacement for native `<table>` HTML element. Lightweight alternative to `v-data-table`.",
   "props": {
-    "fixedFooter": "Use the fixed-footer prop together with the height prop to fix the footer to the bottom of the table.",
-    "fixedHeader": "Use the fixed-header prop together with the height prop to fix the header to the top of the table.",
+    "fixedFooter": "Makes the footer stick to the bottom of the table while scrolling. Requires the **height** prop.",
+    "fixedHeader": "Makes the header stick to the top of the table while scrolling. Requires the **height** prop.",
     "gridlines": "Controls cell borders\n- **horizontal** draws lines between rows\n- **vertical** between columns (keeps horizontal lines of header and footer rows)\n- **all** / `true` draws both vertical and horizontal lines\n- `false` removes all lines.",
     "height": "Use the height prop to set the height of the table.",
     "hover": "Will add a hover effect to a table's row when the mouse is over it.",

packages/docs/src/pages/en/components/data-tables/basics.md

@@ -59,6 +59,12 @@ Find more information and examples on the [Server side tables](/components/data-
 
 The virtual variant of the data table relies, like the standard variant, on all data being available locally. But unlike the standard variant it uses virtualization to only render a small portion of the rows. This makes it well suited for displaying large data sets. It supports client-side sorting and filtering, but not pagination.
 
+::: warning
+
+When using virtualized variant of VDataTable, you have to set the **height** prop or constrain the table's height using custom CSS. Otherwise the table has no internal scroll area and will put all the rows in the DOM. This also applies to the **fixed-header** and **fixed-footer** props - those have no effect if the table **height** is unconstrained.
+
+:::
+
 | Component | Description |
 | - | - |
 | [v-data-table-virtual](/api/v-data-table-virtual/) | Primary Component |