mirror of https://gitee.com/y_project/RuoYi.git
修改冻结显示问题
RuoYi
parent
7913796730
commit
25232575e3
|
|
@ -1,27 +0,0 @@
|
||||||
.fixed-table-header-columns,
|
|
||||||
.fixed-table-body-columns {
|
|
||||||
position: absolute;
|
|
||||||
background-color: #fff;
|
|
||||||
display: none;
|
|
||||||
box-sizing: border-box;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fixed-table-header-columns .table,
|
|
||||||
.fixed-table-body-columns .table {
|
|
||||||
border-right: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fixed-table-header-columns .table.table-no-bordered,
|
|
||||||
.fixed-table-body-columns .table.table-no-bordered {
|
|
||||||
border-right: 1px solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fixed-table-body-columns table {
|
|
||||||
position: absolute;
|
|
||||||
animation: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bootstrap-table .table-hover > tbody > tr.hover > td {
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
this.timeoutBodyColumns_ = 0;
|
this.timeoutBodyColumns_ = 0;
|
||||||
if (this.options.fixedColumns) {
|
if (this.options.fixedColumns) {
|
||||||
this.$fixedBody = $([
|
this.$fixedBody = $([
|
||||||
'<div class="fixed-table-column" style="position: absolute; background-color: #fff; border-right:1px solid #ddd;">',
|
'<div class="left-fixed-table-columns">',
|
||||||
'<table>',
|
'<table>',
|
||||||
'<thead></thead>',
|
'<thead></thead>',
|
||||||
'<tbody></tbody>',
|
'<tbody></tbody>',
|
||||||
|
|
@ -38,10 +38,10 @@
|
||||||
}
|
}
|
||||||
if (this.options.rightFixedColumns) {
|
if (this.options.rightFixedColumns) {
|
||||||
this.$rightfixedBody = $([
|
this.$rightfixedBody = $([
|
||||||
'<div class="fixed-table-column" style="position: absolute;right:0px; background-color: #fff; border-right:1px solid #ddd;">',
|
'<div class="right-fixed-table-columns">',
|
||||||
'<table>',
|
'<table>',
|
||||||
'<thead></thead>',
|
'<thead></thead>',
|
||||||
'<tbody></tbody>',
|
'<tbody style="background-color: #fff;"></tbody>',
|
||||||
'</table>',
|
'</table>',
|
||||||
'</div>'].join(''));
|
'</div>'].join(''));
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
.bootstrap-tree-table .treetable-indent {width:16px; height: 16px; display: inline-block; position: relative;}
|
|
||||||
.bootstrap-tree-table .treetable-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}
|
|
||||||
.bootstrap-tree-table .treetable-selected{background: #f5f5f5 !important;}
|
|
||||||
.bootstrap-tree-table .treetable-table{border:0 !important;margin-bottom:0}
|
|
||||||
.bootstrap-tree-table .treetable-table tbody {display:block;height:auto;}
|
|
||||||
.bootstrap-tree-table .treetable-table thead, .treetable-table tbody tr {display:table;width:100%;table-layout:fixed;}
|
|
||||||
.bootstrap-tree-table .treetable-thead th{line-height:24px;border: 0 !important;border-radius: 4px;border-left:0px solid #e7eaec !important;border-bottom:1px solid #ccc!important;text-align: left;}
|
|
||||||
.bootstrap-tree-table .treetable-thead tr :first-child{border-left:0 !important}
|
|
||||||
.bootstrap-tree-table .treetable-tbody td{border: 0 !important;border-left:0px solid #e7eaec !important;border-bottom:1px solid #e7eaec!important;white-space: nowrap; text-overflow: ellipsis;}
|
|
||||||
.bootstrap-tree-table .treetable-tbody tr :first-child{border-left:0 !important}
|
|
||||||
.bootstrap-tree-table .treetable-bars .tool-left, .bootstrap-tree-table .treetable-bars .tool-right{margin-top: 10px; margin-bottom: 10px;}
|
|
||||||
.bootstrap-tree-table .treetable-bars .tool-left{float: left;}
|
|
||||||
.bootstrap-tree-table .treetable-bars .tool-right{float: right;}
|
|
||||||
.bootstrap-tree-table .treetable-bars .columns li label{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.428571429;max-width: 100%;margin-bottom: 5px;cursor:pointer;}
|
|
||||||
|
|
@ -638,6 +638,40 @@ label {
|
||||||
display: inline-block
|
display: inline-block
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 表格冻结列样式 **/
|
||||||
|
.left-fixed-table-columns{
|
||||||
|
position: absolute;
|
||||||
|
background-color: #fff;
|
||||||
|
display: none;
|
||||||
|
border-right:1px solid #ddd;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-fixed-table-columns{
|
||||||
|
position: absolute;
|
||||||
|
right:63px;
|
||||||
|
border-left:1px solid #ddd;
|
||||||
|
display: none;
|
||||||
|
z-index:100;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 表格树样式 **/
|
||||||
|
.bootstrap-tree-table .treetable-indent {width:16px; height: 16px; display: inline-block; position: relative;}
|
||||||
|
.bootstrap-tree-table .treetable-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}
|
||||||
|
.bootstrap-tree-table .treetable-selected{background: #f5f5f5 !important;}
|
||||||
|
.bootstrap-tree-table .treetable-table{border:0 !important;margin-bottom:0}
|
||||||
|
.bootstrap-tree-table .treetable-table tbody {display:block;height:auto;}
|
||||||
|
.bootstrap-tree-table .treetable-table thead, .treetable-table tbody tr {display:table;width:100%;table-layout:fixed;}
|
||||||
|
.bootstrap-tree-table .treetable-thead th{line-height:24px;border: 0 !important;border-radius: 4px;border-left:0px solid #e7eaec !important;border-bottom:1px solid #ccc!important;text-align: left;}
|
||||||
|
.bootstrap-tree-table .treetable-thead tr :first-child{border-left:0 !important}
|
||||||
|
.bootstrap-tree-table .treetable-tbody td{border: 0 !important;border-left:0px solid #e7eaec !important;border-bottom:1px solid #e7eaec!important;white-space: nowrap; text-overflow: ellipsis;}
|
||||||
|
.bootstrap-tree-table .treetable-tbody tr :first-child{border-left:0 !important}
|
||||||
|
.bootstrap-tree-table .treetable-bars .tool-left, .bootstrap-tree-table .treetable-bars .tool-right{margin-top: 10px; margin-bottom: 10px;}
|
||||||
|
.bootstrap-tree-table .treetable-bars .tool-left{float: left;}
|
||||||
|
.bootstrap-tree-table .treetable-bars .tool-right{float: right;}
|
||||||
|
.bootstrap-tree-table .treetable-bars .columns li label{display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.428571429;max-width: 100%;margin-bottom: 5px;cursor:pointer;}
|
||||||
|
|
||||||
|
|
||||||
/** 首页样式 **/
|
/** 首页样式 **/
|
||||||
.ax_close_max {
|
.ax_close_max {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
|
||||||
|
|
@ -10,8 +10,6 @@
|
||||||
<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
|
<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
|
||||||
<!-- bootstrap-table 表格插件样式 -->
|
<!-- bootstrap-table 表格插件样式 -->
|
||||||
<link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>
|
<link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet"/>
|
||||||
<link th:href="@{/ajax/libs/bootstrap-treetable/bootstrap-treetable.css}" rel="stylesheet"/>
|
|
||||||
<link th:href="@{/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.css}" rel="stylesheet"/>
|
|
||||||
<link th:href="@{/css/animate.css}" rel="stylesheet"/>
|
<link th:href="@{/css/animate.css}" rel="stylesheet"/>
|
||||||
<link th:href="@{/css/style.css}" rel="stylesheet"/>
|
<link th:href="@{/css/style.css}" rel="stylesheet"/>
|
||||||
<link th:href="@{/ruoyi/css/ry-ui.css}" rel="stylesheet"/>
|
<link th:href="@{/ruoyi/css/ry-ui.css}" rel="stylesheet"/>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue