قرار دادن دو جدول در کنار هم ب

فرض کنيد مي خواهيم دو جدول را در يک سطر قرار دهيم. اگر بخواهيم دو تگ جدول را پشت سر هم استفاده کنيم، جدول دوم در سطر بعدي و زير جدول اول قرار مي گيرد.

 

 

براي حل اين مشکل مي توانيد دو جدول مورد نظر را در يک جدول که آنها را در بر مي گيرد قرار دهيم. در اين صورت مي توان دو جدول در يک سطر ايجاد کرد.

 

در اينجا مي توانيد کدي را که يک جدول را درون يک جدول ديگر ايجاد مي کند:

 

<table width="500" border="4"><!-- تگ آغازي جدول بيروني -->

<td align="center"><!-- سلول اول در جدول بيروني -->

<table width="400" border="2"><!-- آغاز جدول دروني -->

<td align="center"><!-- اولين سلول جدول دروني -->

محتويات جدول دروني

</td><!-- پايان سلول جدول دروني -->

</table><!-- پايان جدول دروني -->

</td><!-- پايان سلول جدول بيروني -->

</table><!-- پايان جدول بيروني -->

اين هم جدول به دست آمده:

 

 

براي مثال فرض کنيد مي خواهيم دو جدول را در يک سطر داشته باشيم. مي توانيم مانند زير عمل کنيم:

 

<table width="600" border="4"><!-- تگ آغازي جدول بيروني -->

<td align="center"><!-- سلول اول در جدول بيروني -->

<table width="250" border="2"><!-- آغاز جدول دروني -->

<td align="center"><!-- اولين سلول جدول دروني -->

محتويات اولين جدول دروني

</td><!-- پايان سلول اولين جدول دروني -->

</table><!-- پايان اولين جدول دروني -->

</td><!-- پايان اولين سلول جدول بيروني  -->

<td align="center"><!-- آغاز دومين سلول جدول بيروني  -->

<table width="250" border="2"><!-- آغاز دومين جدول دروني -->

<td align="center"><!-- آغاز سلول دومين جدول دروني -->

محتويات دومين جدول دروني

</td><!-- پايان سلول دومين جدول دروني -->

</table><!-- پايان دومين جدول دروني -->

</td><!-- پايان دومين سلول جدول بيروني -->

</table><!-- پايان جدول بيروني -->

اين هم نتيجه به دست آمده:

 

محتويات اولين جدول دروني

محتويات دومين جدول دروني

قابل ذکر است که ما در اين مثالها براي بهتر مشخص شدن محل جدولها از شناسه border استفاده کرده ايم. شما مي توانيد به دلخواه از آن استفاده کنيد.

 

 

با اين روش مي توانيد هر تعداد جدول که نياز داشته باشيد در کنار هم قرار دهيد.