Bootstrap-إطار تطوير أمامي بسيط وبديهية وقوية للهاتف المحمول ، مما يجعل تطوير الويب أسرع وأبسط. دعنا نقدم استخدام جداول bootstrap لك أدناه. دعونا نتعلم معا.
حدد الجدول الأمامي أولاً
<table id = "expedabledatatable"> </table>
ثم JS
/** تهيئة الجدول*/var otable = $ ('#expensabledatatable'). datatable ({"sdom": "tflt <'row dtttfooter' <'col-sm-6'i> <' col-sm-6'p>" ، "aocolumndefs": [{"bsortable:" false ، " كامل) {return '<i> </i>' ؛}} ، {"atargets": [1] ، "Data": "TaskName" ، "title": "taskname"} ، {" } ، {"bsortable": false ، "atargets": [4] ، "title": "run status" ، "render": function (type ، full) {if (full ["enbuted"] == true). خطأ ، "atargets": [5] ، "عرض": الوظيفة (البيانات ، النوع ، كامل) {return '<a href = "#"> <i> </i> edit </a> <a href = "#"> <i> </i> delete </a>' ؛ "/task/getAlltask" ، "aasorting": [[1 ، 'asc']] ، "altengthmenu": [[5 ، 15 ، 20 ، -1] ، [5 ، 15 ، 20 ، "All"] ، "idisplaylength": 5 ، 0 "،" sinfofiltered ":" تم تصفية من _max_bar "،" szerorecords ": "السابق" ، "Snext": "Next" ،}} ، (resp) {fncallback (resp) ؛}}) ؛}}) ؛يتم الحصول على بيانات هذا الجدول من جانب الخادم ، لذلك يجب تكوين الخصائص التالية ، وإلا لا يمكن الحصول على البيانات من جانب الخادم
"bserverside": true ، "sajaxsource": "/task/getAlltask" ، json.stringify (aodata)} ، "النجاح": الدالة (resp) {fncallback (resp) ؛}}) ؛}ما سبق هو المعرفة ذات الصلة حول استخدام نماذج bootstrap التي قدمها لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!