## جدول نمایش اطلاعات

تصویر | آی دی | نام و نام خانوادگی | ایمیل | تلفن همراه | شهر | وضعیت | جنسیت | فعالیت
--- | --- | --- | --- | --- | --- | --- | --- | ---
| 23 | محمدرضا احدیان | ahadian2@gmail.com | 09121486770 | تهران |  |  |
| 44 | هدی نورالصیادی | sayadi@gmail.com | 09121486770 | تهران |  |  |

کد جدول

    <!--strat table-->
        <div class="table-responsive tehranit-table">
             <table class="table align-middle table-bordered table-hover">
                     <thead>
                             <tr>
                                  <th scope="col">تصویر</th>
                                  <th scope="col">آی دی</th>
                                  <th scope="col">نام و نام خانوادگی</th>
                                  <th scope="col">ایمیل</th>
                                  <th scope="col">تلفن همراه</th>
                                  <th scope="col">شهر</th>
                                  <th scope="col">وضعیت</th>
                                  <th scope="col">جنسیت</th>
                                  <th scope="col">فعالیت</th>
                             </tr>
                     </thead>
                     <tbody>
                             <tr>
                                    <td class="text-center">
                                        <img src="assets/Image/design/user/b1.jpg" />
                                    </td>
                                    <td>23</td>
                                    <td>محمدرضا احدیان</td>
                                    <td>ahadian2@gmail.com</td>
                                    <td>09121486770</td>
                                    <td>تهران</td>
                                    <td class="text-center">
                                        <i class="bi bi-check-circle text-success"></i>
                                    </td>
                                    <td class="text-center">
                                        <i class="bi bi-gender-male text-info"></i>
                                    </td>
                                    <td class="text-center">
                                        <a href="#" class="ati ati-view"><i class="bi bi-eye-fill"></i></a>
                                        <a href="#" class="ati ati-edit"><i class="bi bi-pencil-fill"></i></a>
                                        <a href="#" class="ati ati-remove"><i class="bi bi-trash3-fill"></i></a>
                                    </td>
                             </tr>
                             <tr>
                                     <td class="text-center">
                                        <img src="assets/Image/design/user/g1.jpg" />
                                     </td>
                                     <td>44</td>
                                     <td>هدی نورالصیادی</td>
                                     <td>sayadi@gmail.com</td>
                                     <td>09121486770</td>
                                     <td>تهران</td>
                                     <td class="text-center">
                                        <i class="bi bi-x-circle text-danger"></i>
                                     </td>
                                     <td class="text-center">
                                        <i class="bi bi-gender-female text-danger"></i>
                                     </td>
                                     <td class="text-center">
                                        <a href="#" class="ati ati-view"><i class="bi bi-eye-fill"></i></a>
                                        <a href="#" class="ati ati-edit"><i class="bi bi-pencil-fill"></i></a>
                                        <a href="#" class="ati ati-remove"><i class="bi bi-trash3-fill"></i></a>
                                     </td>
                             </tr>
                     </tbody>
             </table>
        </div>
    <!--end table-->

کد جدول برای Razor

        <div class="table-responsive tehranit-table">
            <table class="table align-middle table-bordered table-hover">
                <thead>
                    <tr>
                        //one Model
                        <th>@Html.DisplayNameFor(model => model.Name)</th>
                        //Multy Model
                        <th>@Html.DisplayNameFor(model => model.Developers.First().Name)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in Model.Developers)
                    {
                        <tr>
                            <td>@item.Name</td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>