头像

PHP+Ajax+bootstrap无刷新筛选分页表格插件

2017-07-21 22:39:44 收藏    来源:PHP代码   浏览()   评论 ( 0 )   

PHP+Ajax+bootstrap无刷新筛选分页表格插件
在项目中经常用到DataTable,如果DataTable使用得当,不仅能使程序简洁实用,而且能够提高性能,达到事半功倍的效果,现对DataTable的使用技巧进行一下总结。
查看演示 下载资源:0

手机扫码访问:

下载资源 下载积分:150

  HTML

    <table id="tables" class="table table-striped table-bordered table-hover"> 
        <thead> 
            <tr> 
                <th>用户</th> 
                <th>内容</th> 
                <th>时间</th> 
            </tr> 
        </thead> 
        <tbody> 
        </tbody> 
    </table>

  引入jQuery和dataTables相关插件

    <script src="js/jquery.js"></script> 
    <script src="js/jquery.dataTables.min.js"></script> 
    <script src="js/jquery.dataTables.bootstrap.js"></script>

  最后附上数据库信息:

    CREATE TABLE IF NOT EXISTS `wishing_wall` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `content` varchar(200) NOT NULL,
      `color` int(3) DEFAULT '1',
      `xyz` varchar(100) DEFAULT NULL,
      `name` varchar(30) DEFAULT NULL,
      `addtime` datetime DEFAULT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=0 ;

    

声明:转载请注明来源(PHP代码)并保留原文链接:http://www.phpdaima.com/form-54.html
广告不存在
评论0

后面还有条评论,点击查看>>

温馨提示:为规范评论内容,垃圾评论一律封号...

PHP+Ajax+bootstrap无刷新筛选分页表格插件
我的积分余额: 0.0 已下载次数: 0
所需积分:150150 开始下载
×