Bootstrap-Uma estrutura de desenvolvimento simples, intuitiva, poderosa e de primeira linha, tornando o desenvolvimento da Web mais rápido e simples. Vamos apresentar o uso de tabelas de bootstrap para você abaixo. Vamos aprender juntos.
Defina a tabela front-end primeiro
<tabela id = "ExpandableDAtAtable"> </tabela>
Então JS
/** Inicialize a tabela*/var otable = $ ('#ExpandableDAtAtable'). DATATABLE ({"SDOM": "tflt <'linha dttfoter' <'col-sm-6'i> <' col-sm-6'p >>", aocolumnarfs ": [{" BSORTLABLE ": TIPO, Full) {return '<i> </i>';}}, {"atargets": [1], "dados": "TaskName", "Title": "TaskName"}, {"atargets: [2]," dados ":" cronexpression "," title ":" Expression "}, {" Aos "Ado" Ano "Ano" Ano "Ano Ano Ano" Ano "Ano" Ano "Ano" Ano ":" Title ":" Title ":" Expression "}, {2]," Aos "Ano": "Cronexpress", "Title": "Expression"}, {2], "Aos" Ano ":" Cronexpressão "," Title ":" Expression "}, {" Ano "Ano" Ano "Ano" Ano "" "Descrição"}, {"bsortable": false, "atargets": [4], "title": "Run Status", "render": function (dados, tipo, completo) {if (completo ["ativado"] == true) {return '<butt type = "button"> run </button>';}; type = "Button"> Stop </butut> ';}}}, {"bsortable": false, "atargets": [5], "renderize": function (dados, tipo, completo) {return' <a href = "#"> <i> </i> edit </a> <a href = "#"> <i> Delete</a>';}}],"bServerSide": true,"sAjaxSource": "/Task/GetAllTask","aaSorting": [[1, 'asc']],"aLengthMenu": [[5, 15, 20, -1],[5, 15, 20, "All"]],"iDisplayLength": 5,"searching": false,"bLengthChange": false,"language": {"sProcessing": "Loading data...","sInfoEmpty": "Records are 0","sInfoFiltered": "Filtered from _MAX_bar","sZeroRecords": "Nothing you want to search","search": "","sLengthMenu": "_MENU_","sInfo": "From _START_ to _END_ /Total_total_bar Dados "," opaginato ": {" SPREVIOUS ":" Anterior ":" Anterior "," Snext ":" Next ",}}," fnserverData ": function (ssource, Aodata, fnCallback) {$ .ajax (" Tipo ": ':': 'Post,', 'Post,' Post, 'Post,' ', sSource,' Post, 'Post,' Post ',', '. "json", "dados": {Aodata: json.stringify (Aodata)}, "Sucesso": function (resp) {fnCallback (resp);}});}});Os dados desta tabela são obtidos do lado do servidor; portanto, as seguintes propriedades devem ser configuradas, caso contrário, os dados não podem ser obtidos do lado do servidor
"BServerside": verdadeiro, "sajaxsource": "/task/getAlltask", "fnserverdata": function (ssource, Aodata, fnCallback) {$ .ajax ({"type": 'post', "url": ssource, "datatypy": "json": 'post', "url": ssource, "datatype": " Json.Stringify (Aodata)}, "Sucesso": function (resp) {fnCallback (resp);}});}O exposto acima é o conhecimento relevante sobre o uso de formulários de bootstrap introduzidos pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!