عرض البيانات في جدول صفحة php

13 يوليو 2024

كيفكم يا أصدقاء... كيف نقدر نعمل جدول Html بشكل افقي في صفحة php.. لكي يكون كل اسم عامود على اليمين والمعلومات المستلمة تكون امامه... مثل ماموضح في جدول

13 يوليو 2024

الأمر بسيط فبدلا من وضع جميع العناصر th وهي رأس الجدول في عنصر tr وهو الصف .

نقوم بوضع ال th مع ال td في نفس الصف tr هكذا :

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: center;
}
</style>
</head>
<body>

<table style="width:100%">
  <tr>
      <td>محمود أمين</td>
      <th>:الإسم </th>
  </tr>
  <tr>
      <td>111 111 111</td>
      <th>رقم الهاتف:</th>
  </tr>
  <tr>
      <td>عدن</td>
      <th>السكن:</th>
  </tr>
</table>

</body>
</html>

13 يوليو 2024

كمثال عملي عن ذلك، قم بإنشاء جدول من عمودين و عدد n أسطر. بحيث يحتوي كل سطر:

خانة عنوان السطر
خانة قيمة السطر

مثال عملي:

<style>
    table{
        width:100%;
        direction: rtl;
    }
    table td{
        border: 1px solid;
        padding: 15px;
    }
    table td:first-child{
        background-color: #f1f5f9;
    }
</style>
<table>
    <tbody>
        <tr>
            <td>الإسم</td>
            <td>أحمد علي</td>
        </tr>
        <tr>
            <td>العمر</td>
            <td>22</td>
        </tr>
        <tr>
            <td>المهنة</td>
            <td>مهندس برمجيات</td>
        </tr>
    </tbody>
</table>

الناتج:

image.png.05e9bf89d002a4f9cd45a976a8b02b86.png

عرض البيانات في جدول صفحة php

السؤال

Omer Amad

2 أجوبة على هذا السؤال

Recommended Posts

محمد عاطف25

Adnane Kadri

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

كيف أتعلم؟

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية