如何使用bootStrap中的dataTable插件

本文总结下bootStrap中的dataTable插件的使用方法,以供初学者学。

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

首先说下为什么使用插件,插件可以帮助我们快速开发,同时适合初学者完成一些复杂的操作,比如上传文件啊,日历啊什么的。bootstrap中有丰富的插件让开发这实现各种功能。

1.首先引入样式文件

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

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

插件下载页面:


下载完成后解压,然后打开解压后的ace-master文件夹可以看到很多类型为HTML的文件,这些文件都是一个网页,把任意一个html文件拖到浏览器中打开可以看到很多页面效果。这里我们使用的是里面的名为table的文件:

拖进浏览器后的页面图:


然后我们就可以在我们的编译器中更改代码,变成我们想要的效果啦。我们可以边改边在浏览器中看效果,我们会发现前端很有意思哦~




  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值