使用jquery datatable和bootsrap创建表格实例代码

前端之家收集整理的这篇文章主要介绍了使用jquery datatable和bootsrap创建表格实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

插件

一.创建demo.html

代码

代码块语法遵循标准markdown代码,例如:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> XXX服务平台 nofollow" type="text/css" /> nofollow" type="text/css" /> nofollow" type="text/css" /> nofollow" type="text/css" /> nofollow" type="text/css"/>
Box">
序号 用法
nofollow" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html">

二.创建一个drugs.json

用法": "内服","操作": "编辑" },{ "序号": "3",{ "序号": "4",{ "序号": "5",{ "序号": "6","操作": "编辑" } ]

三.创建一个demo.js

<'col-sm-6'f>r>t<'row'<'col-sm-6'i><'col-sm-6'p>>","sPaginationType": "full",//给表格单元的头信息命名 "aoColumns": [ { "mData": "序号" },{ "mData": "药名" },{ "mData": "拼音简称" },{ "mData": "用法" },{ "mData": "操作" } ] } ); }); }(window.jQuery);

四.截图如下所示

这张图片有点丑

这张效果好一些

以上所述是小编给大家介绍的使用jquery datatable和bootsrap创建表格实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的jQuery相关文章