bootstrap-table的使⽤(1)--导⼊与引⽤
在⽹页中添加表格,显⽰⼀些东西,⽐较⿇烦,我们可以通过bootstrap-table,这个现成的包,来实现。bootstrap-table是bootstrap中⼀部分,只要应⽤于表格的显⽰。下载js和css的链接在⽂末
writeas顾青裴原炀
导⼊与引⽤
使⽤⽅法,⾸先你得下载齐全⼀些js⽂件,以及⼀些css⽂件,主要是
jquery-3.4.1.min.js(不⼀定是这个版本)
bootstrap.min.js(bootstrap的压缩包,导⼊,与后⾯的bootstrap-table存在依赖关系,有些功能实现还需要这个包)
bootstrap-table.min.js(bootstrap-table的完整包的压缩版)
bootstrap-table-zh-CN.js(表格中的⽂字中⽂包,如果只要英⽂可以不导⼊)
bootstrap-table-export.js(实现excel的导出功能的依赖包)
tableExport.js(导出excel时的⼀些依赖包)
jquery.base64.js(解决中⽂乱码的问题)
jquery.form.js(⽀持ajax表单提交和ajax⽂件上传)
FileSaver.min.js(下载别的⼀些格式的使⽤需要,不是必须)
除了导⼊上述的js⽂件外,还需要导⼊⼀些css⽂件,即页⾯布局的相关内容:
bootstrap.min.css(bootstrap会⽤到的部分页⾯布局)
bootstrap-table.min.css(bootstrap-table会⽤到的布局)
jquery下载的文件怎么使用
bootstrap-table.css(bootstrap-table会⽤到的布局)
小学编程是什么
font-awesome.min.css(在表格中会⽤到的⼀些图标,使⽤起来⽅便)
代码如下:
<!--
常用数据类型有哪些
描述:样式导⼊
jaspar数据库
-->
<link rel="stylesheet" href="allow/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" href="allow/bootstrap/css/bootstrap-table.min.css"/>
<link rel="stylesheet" href="allow/bootstrap/css/bootstrap-table.css"/>
<link rel="stylesheet" href="allow/js/laydate/theme/default/laydate.css"/>
<link href="allow/font/css/font-awesome.min.css"  rel="stylesheet" type="text/css"/>
<!--
描述:js导⼊,注意顺序,jquery必须引⼊
bootstrap-table-zh-CN.js为表格的⽂件
FileSaver.min.js等是关联引⽤⽂件
-
->
<script src="allow/bootstrap/js/jquery-3.4.1.min.js"></script>
<script src="allow/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="allow/bootstrap/js/bootstrap-table.min.js"></script>
<script type="text/javascript" src="allow/bootstrap/js/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript" src="allow/bootstrap/js/bootstrap-table-export.js"></script>数据分析师需要考证吗
<script type="text/javascript" src="allow/bootstrap/js/FileSaver.min.js"></script>
<script type="text/javascript" src="allow/bootstrap/in.js"></script>
<script type="text/javascript" src="allow/bootstrap/js/tableExport.js"></script>
<script src="allow/bootstrap/js/jquery.base64.js"></script>
<script src="allow/bootstrap/js/jquery.form.js"></script>
<script src="allow/js/laydate/laydate.js" type="text/javascript"></script>
注意,导⼊顺序不要随意变化,导⼊顺序的变化可能会导致功能的不能使⽤。
需要⽤到的js和css的包,给整理好了,直接导⼊使⽤就⾏,下载传送门。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。