ساخت یک جدول تو در تو در اچ تی ام ال
سلام خسته نباشید
یک سوال داشتم:
من چطور میتونم جدولی بسازم که درونش جدول دیگه وجود داشته باشه؟
مثلا فرض کنیم جدولی داریم که
نام فامیل کد
کاربران رو نشون میده. حالا اگر کاربر روی هرکدام از سطرها کلیک کنه در زیر اون سطر جدول دیگه باز شه و اطلاعات بیشتری در مورد اون کاربر رو نمایش بده.
من خودم با شناختی که از جدوال در html دارم انتظار داشتم که به سادگی بتونم درون هرکدام از row ها که میخواهم با تگ table جدول دیگه ای رو شروع کنم اما اینکار شدنی
نیست و نتیجه ی حاصل را برام نداره . اگه هم جدول رو درون td بگذارم که فقط به اندازه ی یکی از خونه های جدول جا میگیره که چیزی نیست که من می خوام.
در واقع جدول درونی کاملا هم اندازه با جدول بیرونیه.
این هم کدی است که من برای برآورده کردن این نیاز نوشته ام اما متاسفانه کار نمی کند در حالیکه طبق منطق من و شناخت من از جدول در html این باید بدون مشکل کار کند:
کد HTML:
<html>
<body >
<table border="1">
<tr>
<td>name</td>
<td>family</td>
<td>code</td>
</tr>
<!-- یک سطر عادی -->
<tr>
<td>akbar</td>
<td>akbari</td>
<td>15</td>
</tr>
<!-- یک سطر که یک جدول در درون خود دارد -->
<tr>
<td>ali</td>
<td>alizade</td>
<td>12</td>
</tr>
<tr>
<table>
<tr>
<td>age</td>
<td>father</td>
<td>mother</td>
</tr>
<tr>
<td>25</td>
<td>mohamad</td>
<td>zahra</td>
</tr>
</table>
</tr>
<!-- یک سطر عادی دیگر -->
<tr>
<td>mahmood</td>
<td>mahmoodi</td>
<td>155</td>
</tr>
</table>
</body>
</html>
اگر چنانچه کد را اجرا کنید می بینید که سطر اخر حتی جز جدول حساب نمی شود و دورش خط کشیده نمی شود.
خیلی ممنون میشوم اگر لطف کرده بنده را راهنمایی کنید
سپاسگزارم
نقل قول: ساخت یک جدول تو در تو در اچ تی ام ال
راه درستش اینه که برای هر کدام از موجودیت ها (مثل شخص یا کاربر) 2 تا ردیف داشته باشی (tr) ردیف اول مشابه با چیزی که خودتون در بالا نوشتید (دارای 3 td برای نام و فامیل و کد) و ردیف دوم (tr) که بلافاصله بعد از ردیف بالا قرار می گیرد (این ردیف در حالت معمول نباید دیده شود و با کلیک کاربر در ردیف اول مثل بر روی یک دکمه یا لینک و ... ظاهر شود و اطلاعات آن هم بصورت اجاکس دریافت شوند چون اگر تعداد کاربران زیاد باشند لوود تمامی اطلاعات جزئی آنها حجم زیادی از منابع سرور را بیخود هدر خواهد داد) جزئیات بیشتری از این کاربر یا شخص را نشان می دهد, این ردیف فقط دارای یک td با colspan=3 هست (یعنی عرض این سلول مساوی با مجموع عرض 3 ستون از سطر بالا باشد) و در داخل این سلول می تونید یک جدول دیگه ویا حتی div و غیره هم بذارید.