本文總結下bootStrap中的dataTable插件的使用方法,以供初學者學。
我引用dataTable製作的表格效果如下:
首先說下爲什麼使用插件,插件可以幫助我們快速開發,同時適合初學者完成一些複雜的操作,比如上傳文件啊,日曆啊什麼的。bootstrap中有豐富的插件讓開發這實現各種功能。
1.首先引入樣式文件
本例用的是bootstrap中的ace-master插件,可以直接到bootstrap官網下載此插件在進行修改
插件下載地址:http://v3.bootcss.com/getting-started/#download
插件下載頁面:
下載完成後解壓,然後打開解壓後的ace-master文件夾可以看到很多類型爲HTML的文件,這些文件都是一個網頁,把任意一個html文件拖到瀏覽器中打開可以看到很多頁面效果。這裏我們使用的是裏面的名爲table的文件:
拖進瀏覽器後的頁面圖:
然後我們就可以在我們的編譯器中更改代碼,變成我們想要的效果啦。我們可以邊改邊在瀏覽器中看效果,我們會發現前端很有意思哦~