diff --git a/docs/docs/components/table/table_dynamic_styling.md b/docs/docs/components/table/table_dynamic_styling.md
index 686835590..4b54c4bd0 100644
--- a/docs/docs/components/table/table_dynamic_styling.md
+++ b/docs/docs/components/table/table_dynamic_styling.md
@@ -27,6 +27,7 @@ For more on how shadow parts work and how to define and target them, see the [St
 path='/webforj/tablerowstyling'
 files={[
   'src/main/java/com/webforj/samples/views/table/TableRowStylingView.java',
+  'src/main/java/com/webforj/samples/views/table/Person.java',
   'src/main/frontend/css/table/table-row-styling-view.css',
 ]}
 height='300px'
@@ -41,7 +42,8 @@ Like row parts, cell parts are defined by a name and targeted using the `::part(
 <ComponentDemo
 path='/webforj/tablecellstyling'
 files={[
-  'src/main/java/com/webforj/samples/views/table/TableColumnPinningView.java',
+  'src/main/java/com/webforj/samples/views/table/TableCellStylingView.java',
+  'src/main/java/com/webforj/samples/views/table/Person.java',
   'src/main/frontend/css/table/table-cell-styling-view.css',
 ]}
 height='300px'
@@ -57,6 +59,7 @@ In this demo, cells in the Age column are styled based on a threshold: ages over
 path='/webforj/tabledynamicstyling'
 files={[
   'src/main/java/com/webforj/samples/views/table/TableDynamicStylingView.java',
+  'src/main/java/com/webforj/samples/views/table/Person.java',
   'src/main/frontend/css/table/table-dynamic-styling-view.css',
 ]}
 height='475px'
@@ -87,7 +90,10 @@ The demo below showcases a simple way to align your `Table's` visual appearance
 
 <ComponentDemo
 path='/webforj/tablelayoutstyling'
-files={['src/main/java/com/webforj/samples/views/table/TableLayoutStylingView.java']}
+files={[
+  'src/main/java/com/webforj/samples/views/table/TableLayoutStylingView.java',
+  'src/main/java/com/webforj/samples/views/table/Person.java',
+]}
 height='300px'
 />
 
diff --git a/docs/docs/components/table/table_edit_refresh.md b/docs/docs/components/table/table_edit_refresh.md
index 23d100773..6309d784e 100644
--- a/docs/docs/components/table/table_edit_refresh.md
+++ b/docs/docs/components/table/table_edit_refresh.md
@@ -12,6 +12,8 @@ path='/webforj/tableeditdata'
 files={[
   'src/main/java/com/webforj/samples/views/table/TableEditDataView.java',
   'src/main/java/com/webforj/samples/views/table/TitleEditorComponent.java',
+  'src/main/java/com/webforj/samples/views/table/MusicRecord.java',
+  'src/main/java/com/webforj/samples/views/table/Service.java',
 ]}
 height='600px'
 />
diff --git a/docs/docs/components/table/table_large_data.md b/docs/docs/components/table/table_large_data.md
index 48e723213..d35751795 100644
--- a/docs/docs/components/table/table_large_data.md
+++ b/docs/docs/components/table/table_large_data.md
@@ -27,11 +27,7 @@ The below `Table` shows all olympic winners - a large dataset that benefits grea
 
 <ComponentDemo
 path='/webforj/tableolympicwinners'
-files={[
-  'src/main/java/com/webforj/samples/views/table/TableOlympicWinnersView.java',
-  'src/main/java/com/webforj/samples/views/table/MusicRecord.java',
-  'src/main/java/com/webforj/samples/views/table/Service.java',
-]}
+files={['src/main/java/com/webforj/samples/views/table/TableOlympicWinnersView.java']}
 height='600px'
 />
 
diff --git a/docs/docs/components/table/table_rendering.md b/docs/docs/components/table/table_rendering.md
index e9dd827d2..77ee8638d 100644
--- a/docs/docs/components/table/table_rendering.md
+++ b/docs/docs/components/table/table_rendering.md
@@ -166,7 +166,11 @@ The employee directory below uses a `CompositeRenderer` on the *Employee* column
 <!-- vale off -->
 <ComponentDemo
 path='/webforj/employeedirectory'
-files={['src/main/java/com/webforj/samples/views/table/renderers/EmployeeDirectoryView.java']}
+files={[
+  'src/main/java/com/webforj/samples/views/table/renderers/EmployeeDirectoryView.java',
+  'src/main/java/com/webforj/samples/views/table/renderers/Employee.java',
+  'src/main/java/com/webforj/samples/views/table/renderers/EmployeeService.java',
+]}
 height='600px'
 />
 <!-- vale on -->
@@ -274,7 +278,11 @@ When `setLazyRender(true)` is set on a column, cells display a lightweight anima
 <!-- vale off -->
 <ComponentDemo
 path='/webforj/lazyrender'
-files={['src/main/java/com/webforj/samples/views/table/renderers/LazyRenderView.java']}
+files={[
+  'src/main/java/com/webforj/samples/views/table/renderers/LazyRenderView.java',
+  'src/main/java/com/webforj/samples/views/table/renderers/Server.java',
+  'src/main/java/com/webforj/samples/views/table/renderers/ServerService.java',
+]}
 height='600px'
 />
 <!-- vale on -->
diff --git a/docs/docs/components/table/table_sorting.md b/docs/docs/components/table/table_sorting.md
index 0b2b8d4de..d49cd388a 100644
--- a/docs/docs/components/table/table_sorting.md
+++ b/docs/docs/components/table/table_sorting.md
@@ -66,7 +66,7 @@ Unless `setSortOrder()` is used, the table defaults to sorting by the order in w
 <ComponentDemo
 path='/webforj/tablesortorder'
 files={[
-  'src/main/java/com/webforj/samples/views/table/TableMultiSortingView.java',
+  'src/main/java/com/webforj/samples/views/table/TableSortOrderView.java',
   'src/main/java/com/webforj/samples/views/table/MusicRecord.java',
   'src/main/java/com/webforj/samples/views/table/Service.java',
 ]}