拖拽激活区宽度超长导致滚动条显示bug

This commit is contained in:
wanghaoo 2018-11-28 11:52:09 +08:00
parent adbc27c24b
commit 5bc8813fe6
6 changed files with 12 additions and 6 deletions

View File

@ -215,7 +215,7 @@ var ColumnManager = function () {
ColumnManager.prototype.getColumnWidth = function getColumnWidth(contentWidth) {
var columns = this.leafColumns();
var res = { computeWidth: 0, lastShowIndex: 0 };
var res = { computeWidth: 0, lastShowIndex: -1 };
columns.forEach(function (col, index) {
//如果列显示
if (col.ifshow) {

View File

@ -192,6 +192,8 @@
.u-table td {
padding: 12px 8px;
word-break: break-all; }
.u-table tr th:last-child {
overflow: hidden; }
.u-table-row-hover {
background: #e3f2fd; }
.u-table-scroll {

View File

@ -437,7 +437,7 @@ var Table = function (_Component) {
_state$contentWidthDi = _state.contentWidthDiff,
contentWidthDiff = _state$contentWidthDi === undefined ? 0 : _state$contentWidthDi,
_state$lastShowIndex = _state.lastShowIndex,
lastShowIndex = _state$lastShowIndex === undefined ? 0 : _state$lastShowIndex;
lastShowIndex = _state$lastShowIndex === undefined ? -1 : _state$lastShowIndex;
var filterCol = [];
rows = rows || [];

View File

@ -160,7 +160,7 @@ export default class ColumnManager {
}
getColumnWidth(contentWidth){
let columns = this.leafColumns();
let res={computeWidth:0,lastShowIndex:0};
let res={computeWidth:0,lastShowIndex:-1};
columns.forEach((col,index)=>{
//如果列显示
if(col.ifshow){

View File

@ -341,7 +341,7 @@ class Table extends Component {
}
getHeaderRows(columns, currentRow = 0, rows) {
let { contentWidthDiff = 0, lastShowIndex = 0 } = this.state;
let { contentWidthDiff = 0, lastShowIndex = -1 } = this.state;
let filterCol = [];
rows = rows || [];
rows[currentRow] = rows[currentRow] || [];
@ -691,7 +691,7 @@ class Table extends Component {
}else{
//内容少,不用显示滚动条
if(this.domWidthDiff > 0){
headStyle.overflowX = 'auto';
headStyle.overflowX = 'hidden';
}
headStyle.marginBottom = `0px`;
}

View File

@ -73,7 +73,11 @@ $table-move-in-color: $bg-color-base;
padding: $vertical-padding $horizontal-padding;
word-break: break-all;
}
tr {
th:last-child{ //拖拽tag影响了表格整体宽度
overflow: hidden;
}
}
&-row-hover {
background: rgb(227, 242, 253);
}