如何使用bootStrap中的dataTable插件

本文總結下bootStrap中的dataTable插件的使用方法,以供初學者學。

我引用dataTable製作的表格效果如下:

首先說下爲什麼使用插件,插件可以幫助我們快速開發,同時適合初學者完成一些複雜的操作,比如上傳文件啊,日曆啊什麼的。bootstrap中有豐富的插件讓開發這實現各種功能。

1.首先引入樣式文件

本例用的是bootstrap中的ace-master插件,可以直接到bootstrap官網下載此插件在進行修改

插件下載地址:http://v3.bootcss.com/getting-started/#download

插件下載頁面:


下載完成後解壓,然後打開解壓後的ace-master文件夾可以看到很多類型爲HTML的文件,這些文件都是一個網頁,把任意一個html文件拖到瀏覽器中打開可以看到很多頁面效果。這裏我們使用的是裏面的名爲table的文件:

拖進瀏覽器後的頁面圖:


然後我們就可以在我們的編譯器中更改代碼,變成我們想要的效果啦。我們可以邊改邊在瀏覽器中看效果,我們會發現前端很有意思哦~




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章