ブートストラップ - シンプルで直感的で、強力で、モバイルファーストのフロントエンド開発フレームワークであり、Web開発をより速く、よりシンプルにします。以下にブートストラップテーブルの使用を紹介しましょう。一緒に学びましょう。
最初にフロントエンドテーブルを定義します
<表ID = "ExpandableAdaTaTable"> </table>
その後、JS
/**テーブルの初期化*/var otable = $（ '＃expandableAdaTatable'）。datatable（{"sdom"： "tflt <'row dtttfooter' <'col-sm-6'i> <' col-sm-6'p >>"、 "aocolumndefs"：[{"bsortable"： ""：field "：field"： " type、full）{return '<i> </i>';}}、{"atargets"：[1]、 "data"： "taskname"、 "title"： "taskname"}、{"atargets"：[2]、 "data"： "cronexpression"、 "serpress"： "" "：" ""： "" "：" ""： ""： ""： ""： "" "：" "：" "：" aremets "：" atargets "：" atargets」 「タイトル」：「説明」}、{"bsortable"：false、 "atargets"：[4]、 "title"： "run status"、 "render"：function（data、type、full）{if（full ["enabled"] == true）{return '<button type = "button"> run </button>} type = "button"> stop </button> ';}}}、{"bsortable"：false、 "atargets"：[5]、 "render"：function（data、type、full）{return' <a href = "> <i> <i> <i> </i>編集</a> <a href =" delete </a> ';}}]、 "bserverside"：true、 "sajaxsource"： "/task/getalltask"、 "aasorting"：[[1、' asc ']]、 "alengthmenu"：[[5、15、20、-1]、[5、15、20、 "]、" 5、 false、「Blengthchange」：false、 "言語"：{"sprocessing"： "loading data ..."、 "sinfoempty"： "records as 0"、 "sinfofiltered"： "フィルタリング_max_bar"、 "szerorecords"： "search"： "" seart "、" "_menu" _menu "、" "_menu"、 "seark" "_menu"、 "seark" "seark"： " _start_ to _end_ /total_total_bar data "、" opaginate "：{" sprevious "：" forter "：" forter "、" snext "：" next "、}}、" fnserverdata " ssource、 "datatype"： "json"、 "data"：{aodata：json.stringify（aodata）}、 "success"：function（resp）{fncallback（resp）;}}）;}}）;このテーブルのデータはサーバー側から取得されるため、次のプロパティを構成する必要があります。そうしないと、サーバー側からデータを取得できません。
"Bserverside"：true、 "sajaxsource"： "/task/getalltask"、 "fnserverdata"：function（ssource、aodata、fncallback）{{"type"： 'post'、 "url"：ssource、 "datatype"： "json" json.stringify（aodata）}、 "success"：function（resp）{fncallback（resp）;}}）;}上記は、編集者が紹介したブートストラップフォームの使用に関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！