مسج EasyUI بيانات الشبكة - تحويل HTML شبكة بيانات الجدول
يوضح هذا المثال كيفية تحويل الجدول (الجدول) لشبكة البيانات (datagrid).
يتم تعريف بيانات الشبكة (datagrid) معلومات العمود في <THEAD> العلامة، يتم تعريف البيانات في <TBODY> العلامة. التأكد من أن جميع إعدادات عمود أسماء الحقول البيانات، راجع الأمثلة التالية:
<جدول معرف = "ترينيداد وتوباغو" الطبقة = "easyui-datagrid" على غرار = "العرض: 400px؛ الطول: السيارات؛"> <THEAD> <tr> <ث الحقل = "NAME1" العرض = "50"> العقيد 1 </ تشرين> <ث الحقل = "NAME2" العرض = "50"> العقيد 2 </ تشرين> <ث الحقل = "NAME3" العرض = "50"> العقيد 3 </ تشرين> <ث الحقل = "NAME4" العرض = "50"> العقيد 4 </ تشرين> <ث الحقل = "NAME5" العرض = "50"> العقيد 5 </ تشرين> <ث الحقل = "name6" العرض = "50"> العقيد 6 </ تشرين> </ tr> </ THEAD> <TBODY> <tr> <td> البيانات 1 </ td> <td> البيانات 2 </ td> <td> البيانات 3 </ td> <td> البيانات 4 </ td> <td> بيانات 5 </ td> <td> بيانات 6 </ td> </ tr> <tr> <td> البيانات 1 </ td> <td> البيانات 2 </ td> <td> البيانات 3 </ td> <td> البيانات 4 </ td> <td> بيانات 5 </ td> <td> بيانات 6 </ td> </ tr> <tr> <td> البيانات 1 </ td> <td> البيانات 2 </ td> <td> البيانات 3 </ td> <td> البيانات 4 </ td> <td> بيانات 5 </ td> <td> بيانات 6 </ td> </ tr> <tr> <td> البيانات 1 </ td> <td> البيانات 2 </ td> <td> البيانات 3 </ td> <td> البيانات 4 </ td> <td> بيانات 5 </ td> <td> بيانات 6 </ td> </ tr> </ TBODY> </ الجدول>
عظيم، يمكنك تحديد رأس الجدول تعقيدا، على سبيل المثال:
<THEAD> <tr> <ث الحقل = "NAME1" العرض = "50" روسبان = "2"> العقيد 1 </ تشرين> <ث الحقل = "NAME2" العرض = "50" روسبان = "2"> العقيد 2 </ تشرين> <ث الحقل = "NAME3" العرض = "50" روسبان = "2"> العقيد 3 </ تشرين> <ث colspan = "3"> التفاصيل </ تشرين> </ tr> <tr> <ث الحقل = "NAME4" العرض = "50"> العقيد 4 </ تشرين> <ث الحقل = "NAME5" العرض = "50"> العقيد 5 </ تشرين> <ث الحقل = "name6" العرض = "50"> العقيد 6 </ تشرين> </ tr> </ THEAD>
الآن يمكنك أن ترى، تم إنشاء مجمع رأس.