From 698ac9e3475d4836755ef6164ad8b77e863faeb1 Mon Sep 17 00:00:00 2001
From: MrYamous <matt.lempereur@gmail.com>
Date: Sun, 19 Oct 2025 14:16:06 +0200
Subject: [PATCH] update rowTemplate method doc

---
 docs/table-component/component-columns.md | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/table-component/component-columns.md b/docs/table-component/component-columns.md
index a20f2ad..6531e3b 100644
--- a/docs/table-component/component-columns.md
+++ b/docs/table-component/component-columns.md
@@ -477,9 +477,9 @@ Column::make('Dish Availability', 'availability')
      ]);
 ```
 
-### template
+### rowTemplate()
 
-If you want to customize a record in the table without using Blade's processing, you can use the rowTemplate() method. This approach prevents the unnecessary creation of Blade components for the same field across different rows by leveraging JavaScript instead.
+If you want to customize a record in the table without using Blade's processing, you can use the `rowTemplate()` method. This approach prevents the unnecessary creation of Blade components for the same field across different rows by leveraging JavaScript instead.
 
 **Consider the following example:**
 
@@ -548,6 +548,11 @@ By doing so, the layout and styling are managed by JavaScript, which dynamically
 This approach reduces the overhead associated with generating Blade views for each row, leading to improved performance and easier maintenance, especially when dealing with large datasets.
 Instead of repeatedly rendering Blade components, the JavaScript-based solution efficiently handles the customization directly in the browser, making your application more responsive and streamlined.
 
+<div class="onlinedemo custom-block">
+  <p class="custom-block-title">🚀 See it in action</p>
+  <p>See an interactive example using <a target="_blank" href="https://demo.livewire-powergrid.com/examples/row-templates">rowTemplate()</a>.</p>
+
+</div>
 
 ## Custom Macros