github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

优化setGroupWidth方法，提高拖动改变列宽时候合并表头宽度调整的效率

pull/1107/head
sunxiaobin89 2022-08-08 16:59:47 +08:00
parent 5b37d0165c
commit e585a20964
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/modules/table.js
View File

@ -638,17 +638,18 @@ layui.define(['laytpl', 'laypage', 'form', 'util'], function(exports){
}; };
// 设置合并表头的宽度 // 设置合并表头的宽度
Class.prototype.setGroupWidth = function () { Class.prototype.setGroupWidth = function (thElem) {
var that = this; var that = this;
var options = that.config; var options = that.config;
var parentKey;
if (options.cols.length > 1) { if (options.cols.length > 1) {
for (var i = options.cols.length - 1; i >= 0; i--) { for (var i = thElem ? thElem.closest('tr').index() - 1 : options.cols.length - 1; i >= 0; i--) {
// 自下向上处理合并表头的宽度 // 自下向上处理合并表头的宽度
layui.each(that.layHeader.first().find('tr').eq(i).find('>th>div.laytable-cell-group'), function (i1, item1) { parentKey = thElem ? thElem.attr('data-parentkey') : '';
layui.each(that.layHeader.first().find('tr').eq(i).find('>th' + (parentKey && '[data-key="' + that.index + '-' + parentKey + '"]') + '>div.laytable-cell-group'), function (i1, item1) {
item1 = $(item1); item1 = $(item1);
var thElem = item1.parent();
var width = 0; var width = 0;
var key = thElem.attr('data-key'); var key = item1.parent().attr('data-key');
layui.each(that.layHeader.first().find('th[data-parentkey="' + key.substr(key.indexOf('-') + 1) + '"]'), function (i2, item2) { layui.each(that.layHeader.first().find('th[data-parentkey="' + key.substr(key.indexOf('-') + 1) + '"]'), function (i2, item2) {
item2 = $(item2); item2 = $(item2);
if (item2.hasClass(HIDE)) { if (item2.hasClass(HIDE)) {
@ -656,8 +657,8 @@ layui.define(['laytpl', 'laypage', 'form', 'util'], function(exports){
} }
width += item2.children('div.layui-table-cell').outerWidth(); width += item2.children('div.layui-table-cell').outerWidth();
}); });
// item1.outerWidth(width);
that.layHeader.find('th[data-key="'+key+'"]').children('div.layui-table-cell').outerWidth(width); that.layHeader.find('th[data-key="'+key+'"]').children('div.layui-table-cell').outerWidth(width);
thElem && (thElem = item1.parent());
}) })
} }
@ -1760,7 +1761,7 @@ layui.define(['laytpl', 'laypage', 'form', 'util'], function(exports){
var setWidth = dict.ruleWidth + e.clientX - dict.offset[0]; var setWidth = dict.ruleWidth + e.clientX - dict.offset[0];
if(setWidth < dict.minWidth) setWidth = dict.minWidth; if(setWidth < dict.minWidth) setWidth = dict.minWidth;
dict.rule.style.width = setWidth + 'px'; dict.rule.style.width = setWidth + 'px';
thisTable.that[thisTable.eventMoveElem.closest('.' + ELEM_VIEW).attr('lay-id')].setGroupWidth(); thisTable.that[thisTable.eventMoveElem.closest('.' + ELEM_VIEW).attr('lay-id')].setGroupWidth(thisTable.eventMoveElem);
layer.close(that.tipsIndex); layer.close(that.tipsIndex);
} }
} }