diff --git a/src/core/wrapper/layout/adapt/adapt.table.js b/src/core/wrapper/layout/adapt/adapt.table.js index 8b2486e8b9..ffd5655047 100644 --- a/src/core/wrapper/layout/adapt/adapt.table.js +++ b/src/core/wrapper/layout/adapt/adapt.table.js @@ -50,7 +50,11 @@ BI.TableAdaptLayout = BI.inherit(BI.Layout, { td = this.getWidgetByName(this._getChildName(i)); td.element.width(width); } - td.element.css({"max-width": o.columnSize[i] + "px"}); + // 对于表现为td的元素设置最大宽度,有几点需要注意 + // 1、由于直接对td设置最大宽度是在规范中未定义的, 所以要使用类似td:firstChild来迂回实现 + // 2、不能给多个td设置最大宽度,这样只会平分宽度 + // 3、多百分比宽度就算了 + td.element.css({"max-width": o.columnSize[i] <= 1 ? width : width + "px"}); if (i === 0) { td.element.addClass("first-element"); } diff --git a/src/core/wrapper/layout/layout.horizontal.js b/src/core/wrapper/layout/layout.horizontal.js index 4a88f2ea92..cec7437270 100644 --- a/src/core/wrapper/layout/layout.horizontal.js +++ b/src/core/wrapper/layout/layout.horizontal.js @@ -56,7 +56,11 @@ BI.HorizontalLayout = BI.inherit(BI.Layout, { td = this.getWidgetByName(this._getChildName(i)); td.element.attr("width", width); } - td.element.css({"max-width": o.columnSize[i] + "px"}); + // 对于表现为td的元素设置最大宽度,有几点需要注意 + // 1、由于直接对td设置最大宽度是在规范中未定义的, 所以要使用类似td:firstChild来迂回实现 + // 2、不能给多个td设置最大宽度,这样只会平分宽度 + // 3、多百分比宽度就算了 + td.element.css({"max-width": o.columnSize[i] <= 1 ? width : width + "px"}); if (i === 0) { td.element.addClass("first-element"); }