Skip to main content

List Table (+Babel)

Props#

ردیفنوع بستهتاریخ فعال‌سازیتاریخ اتمام نمایشتعداد بازدید انجام شدهجزییات بسته
۱۱۵.۰۰۰ تاییسی فروردین ۱۴۰۰در حال افزایش بازدید--
۲۲۰.۰۰۰ تاییبیست اسفند ۱۳۹۹بیست فروردین ۱۴۰۰۵۴۰۰ بازدیدمشاهدهٔ جزییات
۳۳۰.۰۰۰ تاییده بهمن ۱۳۹۹ده اسفند ۱۴۰۰۹۶۰۰ بازدیدمشاهدهٔ جزییات


ردیفنوع بستهتاریخ فعال‌سازیتاریخ اتمام نمایشتعداد بازدید انجام شدهجزییات بسته
۱۱۵.۰۰۰ تاییسی فروردین ۱۴۰۰در حال افزایش بازدید--
۲۲۰.۰۰۰ تاییبیست اسفند ۱۳۹۹بیست فروردین ۱۴۰۰۵۴۰۰ بازدیدمشاهدهٔ جزییات
۳۳۰.۰۰۰ تاییده بهمن ۱۳۹۹ده اسفند ۱۴۰۰۹۶۰۰ بازدیدمشاهدهٔ جزییات
// React Components
<Table>
<TableHead>
<TableRow>
<TableCell>ردیف</TableCell>
<TableCell>نوع بسته</TableCell>
<TableCell>تاریخ فعال‌سازی</TableCell>
<TableCell>تاریخ اتمام نمایش</TableCell>
<TableCell>تعداد بازدید انجام شده</TableCell>
<TableCell>جزییات بسته</TableCell>
</TableRow>
</TableHead>
<TableBody>
<TableRow>
<TableCell>۱</TableCell>
<TableCell>۱۵.۰۰۰ تایی</TableCell>
<TableCell>سی فروردین ۱۴۰۰</TableCell>
<TableCell processing>در حال افزایش بازدید</TableCell>
<TableCell>-</TableCell>
<TableCell>-</TableCell>
</TableRow>
<TableRow>
<TableCell>۲</TableCell>
<TableCell>۲۰.۰۰۰ تایی</TableCell>
<TableCell>بیست اسفند ۱۳۹۹</TableCell>
<TableCell>بیست فروردین ۱۴۰۰</TableCell>
<TableCell>۵۴۰۰ بازدید</TableCell>
<TableCell>مشاهدهٔ جزییات</TableCell>
</TableRow>
<TableRow>
<TableCell>۳</TableCell>
<TableCell>۳۰.۰۰۰ تایی</TableCell>
<TableCell>ده بهمن ۱۳۹۹</TableCell>
<TableCell>ده اسفند ۱۴۰۰</TableCell>
<TableCell>۹۶۰۰ بازدید</TableCell>
<TableCell>مشاهدهٔ جزییات</TableCell>
</TableRow>
</TableBody>
</Table>
// Babel
<table class="table">
<thead class="thead">
<tr class="tr">
<th class="th">
<span>ردیف</span>
</th>
<th class="th">
<span>نوع بسته</span>
</th>
<th class="th">
<span>تاریخ فعال‌سازی</span>
</th>
<th class="th">
<span>تاریخ اتمام نمایش</span>
</th>
<th class="th">
<span>تعداد بازدید انجام شده</span>
</th>
<th class="th">
<span>جزییات بسته</span>
</th>
</tr>
</thead>
<tbody class="tbody">
<tr class="tr">
<td class="td">
<span>۱</span>
</td>
<td class="td">
<span>۱۵.۰۰۰ تایی</span>
</td>
<td class="td">
<span>سی فروردین ۱۴۰۰</span>
</td>
<td class="td">
<span class="processing">در حال افزایش بازدید</span>
</td>
<td class="td">
<span>-</span>
</td>
<td class="td">
<span>-</span>
</td>
</tr>
<tr class="tr">
<td class="td">
<span>۲</span>
</td>
<td class="td">
<span>۲۰.۰۰۰ تایی</span>
</td>
<td class="td">
<span>بیست اسفند ۱۳۹۹</span>
</td>
<td class="td">
<span>بیست فروردین ۱۴۰۰</span>
</td>
<td class="td">
<span>۵۴۰۰ بازدید</span>
</td>
<td class="td">
<span>مشاهدهٔ جزییات</span>
</td>
</tr>
<tr class="tr">
<td class="td">
<span>۳</span>
</td>
<td class="td">
<span>۳۰.۰۰۰ تایی</span>
</td>
<td class="td">
<span>ده بهمن ۱۳۹۹</span>
</td>
<td class="td">
<span>ده اسفند ۱۴۰۰</span>
</td>
<td class="td">
<span>۹۶۰۰ بازدید</span>
</td>
<td class="td">
<span>مشاهدهٔ جزییات</span>
</td>
</tr>
</tbody>
</table>