diff --git a/apps/www/src/content/docs/guides/rendering-large-data.md b/apps/www/src/content/docs/guides/rendering-large-data.md
index 804ce2b0..e80b44eb 100644
--- a/apps/www/src/content/docs/guides/rendering-large-data.md
+++ b/apps/www/src/content/docs/guides/rendering-large-data.md
@@ -16,6 +16,10 @@ Next step is to create a `useVirtualList` instance and pass our `tableRows` to i
 
 <<< @/examples/big-data/components/DataTable.vue#useVirtualList{2-3 ts}
 
+As you see `useVirtualList` function returns `list` object which contains `list` property with only visible items and `containerProps`, `wrapperProps` which should be passed to the container and wrapper element.
+
+<<< @/examples/big-data/components/DataTable.vue#template{4,5,14-24 vue:line-numbers}
+
 ## Example
 
 Here is an example of how to use `useVirtualList` to render a large amount of data. For test purposes, we will use 2000 rows for our table, you can change statuses, priorities, and view to see speed difference.
diff --git a/apps/www/src/examples/big-data/components/DataTable.vue b/apps/www/src/examples/big-data/components/DataTable.vue
index 66404d70..10845b72 100644
--- a/apps/www/src/examples/big-data/components/DataTable.vue
+++ b/apps/www/src/examples/big-data/components/DataTable.vue
@@ -82,6 +82,7 @@ const { list, containerProps, wrapperProps } = useVirtualList(tableRows, {
 // #endregion useVirtualList
 </script>
 
+<!-- #region template -->
 <template>
   <div class="space-y-4">
     <DataTableToolbar :table="table" />
@@ -122,3 +123,4 @@ const { list, containerProps, wrapperProps } = useVirtualList(tableRows, {
     <DataTablePagination :table="table" />
   </div>
 </template>
+<!-- #endregion template -->