默认配置表格支持移动端适配

pull/133/head
RuoYi 2019-09-25 21:56:33 +08:00
parent e1d2d72282
commit cf211fa19c
39 changed files with 42 additions and 40 deletions

View File

@ -35,6 +35,7 @@
showToggle: true,
showExport: false,
clickToSelect: false,
mobileResponsive: true,
rememberSelected: false,
fixedColumns: false,
fixedNumber: 0,
@ -78,6 +79,7 @@
showExport: options.showExport, // 是否支持导出文件
uniqueId: options.uniqueId, // 唯 一的标识符
clickToSelect: options.clickToSelect, // 是否启用点击选中行
mobileResponsive: options.mobileResponsive, // 是否支持移动端适配
detailView: options.detailView, // 是否启用显示细节视图
onClickRow: options.onClickRow, // 点击某行触发的事件
onDblClickRow: options.onDblClickRow, // 双击某行触发的事件

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -30,7 +30,7 @@
</div>
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -23,7 +23,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -36,7 +36,7 @@
</div>
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -16,7 +16,7 @@
</div>
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -8,7 +8,7 @@
<div class="row">
<div class="col-sm-12 select-table table-striped">
<p class="select-title">自定义触发事件(点击某行/双击某行/单击某格/双击某格/服务器发送数据前触发/数据被加载时触发)</p>
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -18,7 +18,7 @@
</a>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-bordered">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -33,7 +33,7 @@
</a>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table1" data-mobile-responsive="true"></table>
<table id="bootstrap-table1"></table>
</div>
</div>
</div>
@ -68,7 +68,7 @@
</a>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table2" data-mobile-responsive="true"></table>
<table id="bootstrap-table2"></table>
</div>
</div>
</div>

View File

@ -27,7 +27,7 @@
</div>
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -7,7 +7,7 @@
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -8,7 +8,7 @@
<div class="row">
<div class="col-sm-12 select-table table-striped">
<p class="select-title">通过queryParams方法设置</p>
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
<div class="col-sm-12 search-collapse">
@ -24,7 +24,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<p class="select-title">通过form自动填充</p>
<table id="bootstrap-table-form" data-mobile-responsive="true"></table>
<table id="bootstrap-table-form"></table>
</div>
</div>
</div>

View File

@ -12,7 +12,7 @@
</div>
<div class="row">
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -8,7 +8,7 @@
<div class="row">
<div class="col-sm-12 select-table table-striped">
<p class="select-title">按住表格拖拽</p>
<table id="bootstrap-table" data-mobile-responsive="true"
<table id="bootstrap-table"
data-use-row-attr-func="true"
data-reorderable-rows="true"></table>
</div>

View File

@ -50,7 +50,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -32,7 +32,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -56,7 +56,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -52,7 +52,7 @@
</a>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -49,7 +49,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -53,7 +53,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -44,7 +44,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -47,7 +47,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -39,7 +39,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -53,7 +53,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -28,7 +28,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -80,7 +80,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -47,7 +47,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -26,7 +26,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -74,7 +74,7 @@
</a>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -53,7 +53,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>

View File

@ -54,7 +54,7 @@
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
<table id="bootstrap-table"></table>
</div>
</div>
</div>