Bootstrap - Un cadre de développement avant simple, intuitif, puissant, d'abord mobile, rendant le développement Web plus rapide et plus simple. Présenons l'utilisation de tables bootstrap ci-dessous. Apprenons ensemble.
Définissez d'abord la table frontale
<table id = "ExtenableDataTable"> </ table
Puis js
/ ** Initialisez la table * / var otable = $ ('# ExtenableDataTable'). DataTable ({"SDom": "Tflt <'Row dtttfooter' <'Col-Sm-6'i> <' Col-Sm-6'P>", "AocolmnDefs": [{"bsortable": false " Type, complet) {return '<i> </i>';}}, {"atargets": [1], "data": "taskname", "title": "taskname"}, {"atargets": [2], "data": "Cronexpression", "title": "expression", {"atargets" "Description"}, {"bsortable": false, "atargets": [4], "title": "run status", "rendu": function (data, type, full) {if (full ["activé"] == true) {return '<bouton type = "bouton"> run </ bouton>';} else {return '<bouton <bouton-bouton " Type = "Button"> stop </utton> ';}}}, {"bsortable": false, "atargets": [5], "render": fonction (data, type, complet) {return' <a href = "#"> <i> </i> edit </a> <a href = "#"> <i> </i> Delete </a> ';}}], "BServerside": true, "sajaxsource": "/ task / getAllTask", "aasorting": [[1,' ASC ']], "ALLANGLDMENU": [5, 15, 20, -1], [5, 15, 20, "All"]], "iDisplayLength" false, "Language": {"Sprocessing": "Chargeing Data ...", "SinfoEmpty": "Les enregistrements sont 0", "SinfofiltorEd": "FiltorEd à partir de _max_bar", "SzeroreCords": "Rien que vous ne voulez rechercher", "Search": "", "Slongmenu": "_Menu _" /Total_TOTAL_bar data","oPaginate": {"sPrevious": "Previous": "Previous","sNext": "Next",}},"fnServerData": function (sSource, aoData, fnCallback) {$.ajax({"type": 'post',"url": sSource,"dataType": "json", "data": {aodata: json.stringify (aodata)}, "succès": fonction (resp) {fncallback (resp);}});}});Les données de ce tableau sont obtenues du côté serveur, de sorte que les propriétés suivantes doivent être configurées, sinon les données ne peuvent pas être obtenues du côté serveur
"BSerVerside": true, "sajaxsource": "/ tâche / getAllTask", "fnServerData": function (ssource, aodata, fncallback) {$ .ajax ({"type": "post", "URL": ssource, "datatype": "json", "données": {aodata: "Dataty" JSON.StRINGIFY (AODATA)}, "Succès": fonction (resp) {fncallback (resp);}});}Ce qui précède est la connaissance pertinente de l'utilisation des formulaires bootstrap qui vous est présenté par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!