Bootstrap Table使用方法详解_javascript技巧
作者：用户
本文讲的是Bootstrap Table使用方法详解_javascript技巧，
bootstrap-table使用总结
bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。而bootstrap是来自 Twitter，是目前最受欢迎的前端框架。Bootstrap
bootstrap-table使用总结
bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。而bootstrap是来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，具有简便灵活，快速前端的优势。对与bootstrap在此就不在叙述。本文将着重讲解自己在项目中使用到bootstrap-table的一些理解和如何学习它。
首先交代一下，jquery ，bootstrap ，bootstrap-table 三者之间的关系。bootstrap很多部分代码涉及到了jquery的，也就是说 bootstrap是依赖jquery的，而我们要使用的bootstrap-table则是在bootstrap基础上创造出来的，所以在使用bootstrap-table之前必须引用 jquery 和bootstrap的相关js，文件。
接着说，bootstrap-table的特点:与jquery-ui，jqgrid等表格显示插件而言，bootstrap-table扁平化，轻量级,对于一些轻量级的数据显示，他是绰绰有余，而对父子表等的支持也很好，最主要的是可以与bootstrap的其他标签无缝组合。
好了，简介的话就说到这，直接上代码和效果图之后，再做进一步的讨论。
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&
&title&bootstrap-table&/title&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&meta name="description" content="" /&
&meta name="keywords" content="" /&
&script type="text/javascript" src="./js/jquery-2.2.1.js"&&/script&
&script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"&&/script&
&script type="text/javascript" src="./bootstrap-table/bootstrap-table-all.js"&&/script&
&script type="text/javascript" src="./bootstrap-table/locale/bootstrap-table-zh-CN.js"&&/script&
&link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css" &
&link rel="stylesheet" type="text/css" href="./bootstrap-table/bootstrap-table.min.css" &
&script language="javascript"&
&div class="col-md-offset-3 col-md-6"&
&div class="panel panel-default"&
&div class="panel-heading"&
&h3 class="panel-title text-center"&已添加教师账号&/h3&
&div class="panel-body"&
&div id="toolbar" class="btn-group"&
&button id="btn_edit" type="button" class="btn btn-default" &
&span class="glyphicon glyphicon-pencil" aria-hidden="true"&&/span&修改
&button id="btn_delete" type="button" class="btn btn-default"&
&span class="glyphicon glyphicon-remove" aria-hidden="true"&&/span&删除
&table id="teacher_table" data-toggle="table" data-url="./data.php" data-method="post"
data-query-params="queryParams"
data-toolbar="#toolbar"
data-pagination="true"
data-search="true"
data-show-refresh="true"
data-show-toggle="true"
data-show-columns="true"
data-page-size="5"&
&th data-field="name"&用户账号&/th&
&th data-field="pwd"&用户密码&/th&
&th data-field="t_name"&教师姓名&/th&
好接下来我们 分步骤剖析一下上面的代码的含义。
1.首先我们需要去下载相应的 jquery bootstrap
bootstrap-table的包，这些网上都有，在此不再叙述如何下载。
由上面&head&标签中引用js和css文件名可知我们必须引进这几个文件。
注意bootstrap，下载编译过的压缩包中只有三个文件夹 css ，fonts， js
1. jquery-2.2.1.js
最新的jquery文件
2. bootstrap.min.js --- 最新的bootstrap/js中bootstrap.min.js 压缩文件
3.bootstrap.min.css ---最新的bootstrap/css中bootstrap.min.css 压缩文件
4.bootstrap-table-all.js ---最新bootstrap-table下的js文件
5.bootstrap-table-zh-CN.js ----最新bootstrap-table/locale下的中文初始文件
6.bootstrap-table.min.css ---最新的bootstrap-table下css压缩文件
这六个必须配置，其中bootstrap-table-zh-CN.js是支持中文的js文件，只有加载了这个文件我们的一些表格显示信息才会被设置成中文。
我们来实验一下 将bootstrap-table-zh-CN.js去掉后的显示效果。
当然我们还可以把显示信息设置成其他语言，只要将bootstrap-table-zh-CN.js换成其他语言的js文件即可。bootstrap-table包中都有支持。
我们还可以看看这个文件中的源码，我们看一下，就知道这个文件干了什么了。
* Bootstrap Table Chinese translation
* Author: Zhixin Wen&&
(function ($) {
'use strict';
$.fn.bootstrapTable.locales['zh-CN'] = {
formatLoadingMessage: function () {
return '正在努力地加载数据中，请稍候……';
formatRecordsPerPage: function (pageNumber) {
return '每页显示 ' + pageNumber + ' 条记录';
formatShowingRows: function (pageFrom, pageTo, totalRows) {
return '显示第 ' + pageFrom + ' 到第 ' + pageTo + ' 条记录，总共 ' + totalRows + ' 条记录';
formatSearch: function () {
return '搜索';
formatNoMatches: function () {
return '没有找到匹配的记录';
formatPaginationSwitch: function () {
return '隐藏/显示分页';
formatRefresh: function () {
return '刷新';
formatToggle: function () {
return '切换';
formatColumns: function () {
return '列';
$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['zh-CN']);
})(jQuery);
粗略一看就知道，引用该js文件后，在加载时，便祈祷了初始化的效果。将一些显示信息的内容转为相应的中内容。
2.接着我们来说相关的html代码，实际上与bootstrap-table有关的html代码只有这一部分
&table id="teacher_table" data-toggle="table" data-url="./data.php" data-method="post"
data-query-params="queryParams"
data-toolbar="#toolbar"
data-pagination="true"
data-search="true"
data-show-refresh="true"
data-show-toggle="true"
data-show-columns="true"
data-page-size="5"&
&th data-field="name"&用户账号&/th&
&th data-field="pwd"&用户密码&/th&
&th data-field="t_name"&教师姓名&/th&
对，就只有一个table标签，再加上一大堆了
参数，而表格的展现形式就是通过这些在参数 来实现的。要知道有哪些样式和功能，光靠我列举肯定是九牛一毛，授人以鱼不如授人以渔，我告诉大家去哪查找这些类.class的含义。 我们可到bootstrap-table的专业网站上去查找 这有一个我用的链接，点击打开链接如果无效的可以 直接输入http://bootstrap-table.wenzhixin.net.cn/documentation
当然还可以在example中看一些例子
我们如何查看 相应的参数的含义呢？ 看到上面这张图，最右边的是一些选项，可以选这可以设置的表格属性，行属性，以及可绑定的事件。
点击表格属性 Table options
显示如下图，首先看到标题Name用于js创建表格是使用，而Attribute是html创建表格使用的，
举几个例子在我们上面的代码中有这么几个 参数他们的意思是：
data-url：索取数据的url。
data-method：请求方式。
data-height：设置表格的高
data-query-params="queryParams" ：设置
data-toolbar="#toolbar"
：设置装按钮的容器为id为toolbar的。
data-pagination="true"
：设置是否显示页码数
data-search="true"
：设置search框
data-show-refresh="true" ：设置刷新按钮
data-show-toggle="true"
：设置数据显示格式
这下你该明白怎么样查看了吧！
注意其中下面段代码是核心，&tr&表示一行 &th&一个格，data-field="name"表示一行中一个格子中的数据名
你可以把 data-field理解成id，因为后台传送过来的数据就是根据data-field的来区分，那个数据发送给谁的。
&th data-field="name"&用户账号&/th&
&th data-field="pwd"&用户密码&/th&
&th data-field="t_name"&教师姓名&/th&
对于不想用html静态生成，也可以使用js动态生成。给一个代码demo，要设置相关的参数只需要采用 上面讲的 Name:options 即可。例如在html中设置数据请求的目的文件 data-url："./data.php"
在js中只要声明
url:"./data.php"
$('#table').bootstrapTable({
columns: [{
field: 'id',
title: 'Item ID'
field: 'name',
title: 'Item Name'
field: 'price',
title: 'Item Price'
name: 'Item 1',
price: '$1'
name: 'Item 2',
price: '$2'
3.这样说，其他代码是干什么的，其中一部分代码是使用了 boostrap中的面板来设置格式，即将table镶嵌在面板中。 所去掉面板的代码后bootstrap-table的效果是这样的
仅仅是没有了面板而已。
4.传送数据的格式，bootstrap-table 接收的数据形式默认为json格式的
在上面可以看到请求的后台地址为:"./data.php",我们来看一下他的内容
$results[0]=array("name"=&"aoze","pwd"=&"","t_name"=&"张三");
$results[1]=array("name"=&"lisi","pwd"=&"1234","t_name"=&"李四");
$results[2]=array("name"=&"wangwu","pwd"=&"44455","t_name"=&"王五");
echo json_encode($results);
很简单吧！ 当然这只是我手写的一些测试数据，在项目中当然是从数据库中查找出来的。
5.当然仅仅使显示数据有时候还是不够的，我们需要和table进行一些互动，比如进行一些删除，修改的功能，这时就需要用到bootstrap-table 的一些事件了。在上面的案例中我在table的中镶嵌了两个button组件如图
这个镶嵌的实现办法是在在table的属性中 添加了这么一行 data-toolbar="#toolbar"
其意思就是在工具栏的一行添加 id为toolbar的标签。
在本人做到这个项目中，要通过这两个按钮对table中点击选中的行进行相应的操作。
编写相应的事件，首先为table绑定一个选中的触发事件，然后通过getSelectRow函数获得点击选中行的数据。
$('#teacher_table').on('click-row.bs.table', function (e, row, element)
$('.success').removeClass('success');//去除之前选中的行的，选中样式
$(element).addClass('success');//添加当前选中的 success样式用于区别
}); function getSelectedRow()
var index = $('#teacher_table').find('tr.success').data('index');//获得选中的行
return $('#teacher_table').bootstrapTable('getData')[index];//返回选中行所有数据
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：
Bootstrap学习教程
Bootstrap实战教程
Bootstrap Table使用教程
Bootstrap插件使用教程
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持云栖社区。
以上是云栖社区小编为您精心准备的的内容，在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索bootstrap
Table使用方法
bootstrap javascript、bootstrap select详解、serverbootstrap 详解、bootstrapwizard 详解、bootstrap 布局详解，以便于您获取更多的相关知识。
弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率
40+云计算产品，6个月免费体验
稳定可靠、可弹性伸缩的在线数据库服务，全球最受欢迎的开源数据库之一
云服务器9.9元/月，大学必备
云栖社区(yq.aliyun.com)为您免费提供相关信息，包括
，所有相关内容均不代表云栖社区的意见！boostrapTable的refresh和refreshOptions区别
在使用bootstrapTable时，刷新数据有两个方法refresh、refreshOptions，其用法相似：
&table id="event_table"&&/table&
$("#event_table").bootstrapTable('refresh', {url: new_url });
$("#event_table").bootstrapTable('refreshOptions', {url:new_url});
refresh：从server端重新获取数据。
refreshOptions：更新bootstrapTable options，并从server端获取数据。与refresh的区别在于，refreshOptions设置的option，会被作为下次请求server数据的默认option使用。
另外，使用refreshOptions时，注意bootstrapTable的版本，一些老版本不支持该方法。
没有更多推荐了，
不良信息举报
举报内容：
boostrapTable的refresh和refreshOptions区别
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！bootstrap table使用小记
时间： 19:17:28
&&&& 阅读：54187
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&bootstrap table是一个非常不错的，基于bootstrap的插件，它扩展和丰富了bootstrap表格的操作，如格式化表格，表格选择器，表格工具栏，分页等等。
最近基于bootstrap开发一个开台发布系统，就开发过程中，使用bootstap table遇到的一些问题及收获记录如下：
开始使用：
需要在你自己的页面中引入以下样式及脚本：
&link rel="stylesheet" href="bootstrap.min.css"&&link rel="stylesheet" href="bootstrap-table.css"&
&script src="jquery.min.js"&&/script&&script src="bootstrap.min.js"&&/script&&script src="bootstrap-table.js"&&/script&
一、Bootstrap table 支持超多列，会自动显示水平滚动条。
我们用bootstrap开发，经常会遇到一个头疼的问题，如果客户要求表格中显示的列较多，无论我们用bootstrap的哪种布局方式，显示效果都不尽人意。Bootstap table很好的协处理了这个问题，使我们能够在不改变原有的布局方式的情况下，很好的处理超多列的问题，而且支持自定义显示列名，效果如下：
使用方式很简单，在一个普通的表格中设置data-toggle="table"，就可以在不写JavaScript的情况下启用Bootstrap Table。当然还可以通过脚本的方式触发：
$(‘#table‘).bootstrapTable({
url: ‘data.json‘
});。是不是很好使呢，只在我们指定的表格中会带入Bootstrap Table的样式，其它未指定的，不会受影响。
二、结合Bootstrap Modal作弹出表格子页面，并获取当前选中的数据后更新到父页面中：
功能说明：
用户点父页面中的某一输入框，系统会弹出一个查询界面，供用户检索选择相关的数据。
页面布局思路：
首先创建一个Modal分部视图：
1 &!-- Modal --&
2 &div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="gridSystemModal"&
&div class="modal-dialog" role="document"&
&div class="modal-content"&
&div class="modal-header"&
&button type="button" class="close" data-dismiss="modal" aria-label="Close"&&span aria-hidden="true"&&&/span&&/button&
&h4 class="modal-title" id="gridSystemModalLabel"&xxxx查询&/h4&
&div class="modal-body"&
&div class="container-fluid" id="fjShipChkList"&
@Html.Partial("Modal/FjShipChkList")
&div class="modal-footer"&
&button type="button" class="btn btn-default" data-dismiss="modal"&关闭&/button&
&button type="button" class="btn btn-primary"&选择&/button&
&/div&&!-- /.modal-content --&
&/div&&!-- /.modal-dialog --&
20 &/div&&!-- /.modal --&
Modal分布视图：CustomModal
以及我们要显示业务数据的列表分部视图，并被Modal分部视图调用：
1 &div class="row table-toolbar"&
&div class="col-md-12"&
&div class="pull-right form-inline"&
&div class="form-group"&
&div class="input-group input-medium"&
&input type="text" class="form-control input-search" placeholder="航次" id="fjShipChkList-keyword" name="keyword" value="" /&
&span class="input-group-btn"&
&button class="btn btn-success btn-search" type="button" id="modal-search"&搜索&/button&
&table class="table table-striped table-bordered table-hover js-table" data-toggle="table"
data-url="data1.json" data-height="299" data-click-to-select="true"
data-select-item-name="radioName" id="table-ShipChk"&
&th data-field="state" data-radio="true"&&/th&
&th class="sorting" aria-column="SHIP_NM"&船名&/th&
&th class="sorting" aria-column="SHIP_NM_EN"&英文船名&/th&
&th class="sorting" aria-column="VOY_ID"&航次&/th&
&th class="sorting" aria-column="DOCK_BTH_NM"&停靠泊位&/th&
&th class="sorting" aria-column="ARR_DT"&到港时间&/th&
&tbody id="body-fjShipChkList"&
@if (Model.GetType() != typeof (QUARANTINE_HANDLE_RESULT))
int i = 0;
foreach (VOYAGE_DYNM item in Model.PageList)
&tr class="odd gradeX"&
&td class="bs-checkbox"&&input data-index="@(i++)" name="radioName" type="radio"&&/td&
@Html.DisplayFor(it =& item.SHIP_NM)
@Html.DisplayFor(it =& item.SHIP_NM_EN)
@Html.DisplayFor(it =& item.VOY_ID)
@Html.DisplayFor(it =& item.DOCK_BTH_NM)
@Html.DisplayFor(it =& item.ARR_DT)
业务数据分部视图
在父页面中调用Modal分部视图：
@Html.Partial("Modal/CustomModal")
引入Modal分部视图的位置最好是与父页面中的顶层元素为兄弟节点，避免Modal调用失败。
需要在启动Modal 弹出层的元素上加上：data-toggle="modal" data-target="#gridSystemModal"就可以启动Modal了。点探索时，用ajax从后台取数据，并返回一个分部视图，返回成功后直接替换原有的业务数据分部视图。
好了，说了这么多都和我们的主角没多大关系，现在言归正传，搬出我们的主角。现在Modal登场了，我们会想，怎么让这个弹出页面和我们的父页面交互数据呢？我采用的方式是Bootstrap Table，原因很简单：Bootstrap Table天生就是用来处理bootstrap table的，功能强悍，使用简单。
首先，在我们的业务数据分部视图中，
1 &table class="table table-striped table-bordered table-hover js-table" data-toggle="table"
data-url="data1.json" data-height="299" data-click-to-select="true"
data-select-item-name="radioName" id="table-ShipChk"&
&th data-field="state" data-radio="true"&&/th&
&th class="sorting" aria-column="SHIP_NM"&船名&/th&
&th class="sorting" aria-column="SHIP_NM_EN"&英文船名&/th&
&th class="sorting" aria-column="VOY_ID"&航次&/th&
&th class="sorting" aria-column="DOCK_BTH_NM"&停靠泊位&/th&
&th class="sorting" aria-column="ARR_DT"&到港时间&/th&
&tbody id="body-fjShipChkList"&
@if (Model.GetType() != typeof (QUARANTINE_HANDLE_RESULT))
int i = 0;
foreach (VOYAGE_DYNM item in Model.PageList)
&tr class="odd gradeX"&
&td class="bs-checkbox"&&input data-index="@(i++)" name="radioName" type="radio"&&/td&
@Html.DisplayFor(it =& item.SHIP_NM)
@Html.DisplayFor(it =& item.SHIP_NM_EN)
@Html.DisplayFor(it =& item.VOY_ID)
@Html.DisplayFor(it =& item.DOCK_BTH_NM)
@Html.DisplayFor(it =& item.ARR_DT)
业务数据Table
加入了：data-url="data1.json" data-height="299" data-click-to-select="true" &data-select-item-name="radioName"，其中data-select-item-name指明我们的表格是radio方式的，只能选择其中某一行（当然也可以支持多行选择）。然后再按官方文档，上个小菜，一切即将搞定，是该收拾下班了：
1 $("#gridSystemModal .btn-primary").click(function () {
var selectRow = $("#table-ShipChk").bootstrapTable(‘getSelections‘);
if (selectRow.length & 1) {
selectRow = $table.bootstrapTable(‘getSelections‘);
if (selectRow.length & 1){
alert("请先选择船舶！");
$("#SHIP_NAME").val(selectRow[0][1].trim());
$("#VOYAGE_NO").val(selectRow[0][3].trim());
$("#SHIP_NM_EN").val(selectRow[0][2].trim());
$("#DOCK_BTH_NM").val(selectRow[0][4].trim());
$("#ARR_DT").val(selectRow[0][5].trim());
$("#gridSystemModal").modal(‘hide‘);
获取选中的数据行
But，意外发生了，就算我把那个选择按钮点破了，也选不中我要的数据。Why???为什么，为什么。。查官方文档，就是一名$("#table-ShipChk").bootstrapTable(‘getSelections‘)搞定的事，为什么在我这就搞不定了，度娘，GG一无所获。用Bootstrap Table的初衷，就是它简单，强大呀，怎么会这样呢，好吧，加班，查查查。。
问题就出在，每次ajax请求数据后，我都是返回一个新的分部视图去替换原有的分部视图，替换后没有把Bootstrap Table启动起来，别人还在睡大觉呢，你怎么&getSelections&，它都不鸟你。
好吧，在ajax success中补它一刀：$("#table-ShipChk").bootstrapTable();
好了，Bootstrap Table醒了，我可以下班了。
未完，无续。。
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文：http://www.cnblogs.com/sjpo/p/4586414.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！没有更多推荐了，
不良信息举报
举报内容：
bootstrap中按钮点击会自动刷新解决
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！Bootstrap table使用方法详细介绍
转载 & & 作者：Net-Bean
bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。这篇文章主要为大家详细介绍了JS组件Bootstrap Table使用方法，具有一定的实用性和参考价值，感兴趣的小伙伴们可以参考一下
bootstrap-table是一个非常好用的表格插件，提供了很多工具及分页、搜索等功能。
首先我们需要下面几个文件，
&span style="font-size:18"&&!-- bootstrap table --&
&script type="text/javascript" src="${pageContext.request.contextPath}/res/jquery-1.10.2/jquery.js"&&/script&
&!-- bootstrap --&
&link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/res/bootstrap/css/bootstrap.css"/&
&script type="text/javascript" src="${pageContext.request.contextPath}/res/bootstrap/js/bootstrap.js"&&/script&
&link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/res/bootstrap-table/bootstrap-table.css"/&
&script type="text/javascript" src="${pageContext.request.contextPath}/res/bootstrap-table/bootstrap-table.js"&&/script&
&!-- bootstrap table中文包 --&
&script type="text/javascript" src="${pageContext.request.contextPath}/res/bootstrap-table/locale/bootstrap-table-zh-CN.js"&&/script&&/span&
中文包好像可以防止某些bug
如果你单独引入这些文件而导致样式出错，请下载完整的bootstrap-table
下面是bootstrap-table的加载
&span style="font-size:18"&&script type="text/javascript"&
$(function () {
//1.初始化Table
var oTable = new TableInit();
oTable.Init();
var TableInit = function () {
var oTableInit = new Object();
//初始化Table
oTableInit.Init = function () {
$('#tb_departments').bootstrapTable({
url: '${pageContext.request.contextPath}/AlarmInfo/list',
//请求后台的URL（*）
method: 'get',
//请求方式（*）
toolbar: '#toolbar',
//工具按钮用哪个容器
striped: false,
//是否显示行间隔色
cache: false,
//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination: true,
//是否显示分页（*）
sortable: false,
//是否启用排序
sortOrder: "asc",
//排序方式
queryParams: oTableInit.queryParams,//传递参数（*）
sidePagination: "server",
//分页方式：client客户端分页，server服务端分页（*）
pageNumber:1,
//初始化加载第一页，默认第一页
pageSize: 10,
//每页的记录行数（*）
pageList: [10, 25, 50, 100],
//可供选择的每页的行数（*）
search: false,
//是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
strictSearch: true,
showColumns: true,
//是否显示所有的列
showRefresh: false,
//是否显示刷新按钮
minimumCountColumns: 2,
//最少允许的列数
clickToSelect: true,
//是否启用点击选中行
height: 500,
//行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
uniqueId: "id",
//每一行的唯一标识，一般为主键列
showToggle:true,
//是否显示详细视图和列表视图的切换按钮
cardView: true,
//是否显示详细视图
detailView: false,
//是否显示父子表
columns: [{
checkbox: true
field: 'Id',
title: '编号'
field: 'Name',
title: '姓名'
field: 'Type',
title: '类型'
field: 'Time',
title: '时间'
&div class="panel-body" style="padding-bottom:0"&
&table id="tb_departments"&&/table&
&/span&&span style="font-size:18"&
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具