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

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

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -30,7 +30,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -23,7 +23,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -36,7 +36,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -16,7 +16,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

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

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -18,7 +18,7 @@
</a> </a>
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-bordered"> <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> </div>
</div> </div>

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -33,7 +33,7 @@
</a> </a>
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>
@ -68,7 +68,7 @@
</a> </a>
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -27,7 +27,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -7,7 +7,7 @@
<div class="container-div"> <div class="container-div">
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

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

View File

@ -12,7 +12,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

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

View File

@ -50,7 +50,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -32,7 +32,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -56,7 +56,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -52,7 +52,7 @@
</a> </a>
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -49,7 +49,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -53,7 +53,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -44,7 +44,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -47,7 +47,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -39,7 +39,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -53,7 +53,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -28,7 +28,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -80,7 +80,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -47,7 +47,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -26,7 +26,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -74,7 +74,7 @@
</a> </a>
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -53,7 +53,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>

View File

@ -54,7 +54,7 @@
</div> </div>
<div class="col-sm-12 select-table table-striped"> <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> </div>
</div> </div>