From 6583693c16a094001e1afab1251009b4b558ec6e Mon Sep 17 00:00:00 2001
From: Shinichi Okada <147320+shinokada@users.noreply.github.com>
Date: Wed, 26 Jun 2024 11:39:44 +0200
Subject: [PATCH] docs: fix: table page Click and double-click on row example

---
 src/routes/docs/components/table.md | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/docs/components/table.md b/src/routes/docs/components/table.md
index 681af4ba7..288a563ae 100644
--- a/src/routes/docs/components/table.md
+++ b/src/routes/docs/components/table.md
@@ -874,6 +874,7 @@ An example to use on:click (main row) and on:dblclick (expanded row)
 
   let openRow
   let details
+  let doubleClickModal = false
 
   const toggleRow = (i) => {
     openRow = openRow === i ? null : i
@@ -897,7 +898,10 @@ An example to use on:click (main row) and on:dblclick (expanded row)
         <TableBodyCell>{item.price}</TableBodyCell>
       </TableBodyRow>
       {#if openRow === i}
-        <TableBodyRow on:dblclick={() => (details = item)}>
+        <TableBodyRow on:dblclick={() => {
+          doubleClickModal = true;
+          details = item;
+        }}>
           <TableBodyCell colspan="4" class="p-0">
             <div class="px-2 py-3" transition:slide={{ duration: 300, axis: 'y' }}>
               <ImagePlaceholder />
@@ -908,7 +912,7 @@ An example to use on:click (main row) and on:dblclick (expanded row)
     {/each}
   </TableBody>
 </Table>
-<Modal title={details?.name} open={!!details} autoclose outsideclose>
+<Modal title={details?.name} bind:open={doubleClickModal} autoclose outsideclose>
   <ImagePlaceholder />
 </Modal>
 ```