fix: grid column border-bottom issue.

lib/ui/css/grid.scss

@@ -202,7 +202,7 @@
                             // }
                         }
 
-                        >em.bottom-border {
+                        >.bottom-border {
                             position: absolute;
                             bottom: 0;
                             left: 0;

lib/ui/grid/grid.js

@@ -691,6 +691,12 @@ export class Grid {
          * @private
          */
         footerOffset: null,
+        /**
+         * 容器宽度
+         * @type {number}
+         * @private
+         */
+        wrapClientWidth: null,
         /**
          * 正文宽度
          * @type {number}
@@ -1369,7 +1375,7 @@ export class Grid {
             });
             holder.addEventListener('dblclick', e => this._onRowDblClicked(e));
             wrapper.appendChild(holder);
-            wrapper.addEventListener('mousemove', e => throttle(this._onGridMouseMove, HoverInternal, this, e, holder), { passive: true });
+            grid.addEventListener('mousemove', e => throttle(this._onGridMouseMove, HoverInternal, this, e, holder), { passive: true });
         }
 
         // loading
@@ -1437,6 +1443,7 @@ export class Grid {
                 this.reload(keep);
             }
         }
+        this._var.wrapClientWidth = this._var.refs.wrapper.clientWidth;
         this._var.bodyClientWidth = body.clientWidth;
     }
 
@@ -1491,7 +1498,7 @@ export class Grid {
         if (!keep) {
             this._var.scrollTop = 0;
             this._var.el.scrollTop = 0;
-            // this._var.el.scrollLeft = 0;
+            this._var.el.scrollLeft = 0;
             this._var.refs.table.style.top = '0px';
         }
         this._adjustRows(this._var.refs.body);
@@ -2272,7 +2279,7 @@ export class Grid {
                 th.appendChild(spliter);
             }
             // bottom border
-            th.appendChild(createElement('em', 'bottom-border'));
+            th.appendChild(createElement('layer', 'bottom-border'));
             // tooltip
             // !nullOrEmpty(col.tooltip) && setTooltip(th, col.tooltip);
             header.appendChild(th);
@@ -2281,7 +2288,7 @@ export class Grid {
         const draggerCursor = createElement('layer', 'dragger-cursor');
         header.appendChild(
             createElement('th', null,
-                dragger, draggerCursor, createElement('div'), createElement('em', 'bottom-border')));
+                dragger, draggerCursor, createElement('div'), createElement('layer', 'bottom-border')));
 
         sizer.replaceChildren();
         this._var.refs.header = header;
@@ -3597,6 +3604,7 @@ export class Grid {
         if (this.onBodyScrolled === 'function') {
             this.onBodyScrolled(e);
         }
+        this._var.scrollLeft = e.target.scrollLeft;
         if (!this.virtual) {
             if (this.total != null) {
                 this._var.refs.footer.parentElement.style.bottom = `${this._var.footerOffset - e.target.scrollTop}px`;
@@ -3659,15 +3667,15 @@ export class Grid {
             const top = (parent.classList.contains('ui-grid-total-row') ? this._var.refs.footer.parentElement.offsetTop + 1 : target.offsetTop) + this._var.refs.table.offsetTop;
             let left = target.offsetLeft;
             let width = holder.offsetWidth;
-            if (width > this._var.bodyClientWidth) {
+            if (width > this._var.wrapClientWidth) {
-                width = this._var.bodyClientWidth;
+                width = this._var.wrapClientWidth;
             }
-            const maxleft = this._var.bodyClientWidth + this._var.scrollLeft - width;
+            const maxleft = this._var.wrapClientWidth + this._var.scrollLeft - width;
             if (left > maxleft) {
                 left = maxleft;
             }
             const height = target.offsetHeight;
-            holder.style.cssText = `top: ${top}px; left: ${left}px; max-width: ${this._var.bodyClientWidth}px; height: ${height - 2}px`;
+            holder.style.cssText = `top: ${top}px; left: ${left}px; max-width: ${this._var.wrapClientWidth}px; height: ${height - 2}px`;
             holder.classList.add('active');
         } else if (holder.classList.contains('active')) {
             delete holder.dataset.row;