p96170835
/
amis
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Table 修复固顶时,横向滚动会被重置为 0 的情况,与内容滚动位置不一致

This commit is contained in:
liaoxuezhi 2019-05-27 19:47:51 +08:00
parent a3697fb754
commit 1b9c1c62c8
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderers/Table.tsx
View File

@ -430,7 +430,7 @@ export default class Table extends React.Component<TableProps, object> {
const affixed = clip.top < offsetY && clip.top + clip.height - 40 > offsetY; const affixed = clip.top < offsetY && clip.top + clip.height - 40 > offsetY;
const afixedDom = dom.querySelector(`:scope>.${ns}Table-fixedTop`) as HTMLElement; const afixedDom = dom.querySelector(`:scope>.${ns}Table-fixedTop`) as HTMLElement;
afixedDom.style.cssText = `top: ${offsetY}px;width: ${(this.table.parentNode as HTMLElement).offsetWidth}px`; afixedDom.style.cssText += `top: ${offsetY}px;width: ${(this.table.parentNode as HTMLElement).offsetWidth}px`;
affixed ? afixedDom.classList.add('in') : afixedDom.classList.remove('in'); affixed ? afixedDom.classList.add('in') : afixedDom.classList.remove('in');
// store.markHeaderAffix(clip.top < offsetY && (clip.top + clip.height - 40) > offsetY); // store.markHeaderAffix(clip.top < offsetY && (clip.top + clip.height - 40) > offsetY);
} }
@ -475,15 +475,15 @@ export default class Table extends React.Component<TableProps, object> {
forEach( forEach(
dom.querySelectorAll(`:scope>.${ns}Table-fixedLeft, :scope>.${ns}Table-fixedRight`), dom.querySelectorAll(`:scope>.${ns}Table-fixedLeft, :scope>.${ns}Table-fixedRight`),
(item: HTMLElement) => (item.style.cssText = `height:${this.totalHeight}px;`) (item: HTMLElement) => (item.style.cssText += `height:${this.totalHeight}px;`)
); );
if (affixHeader) { if (affixHeader) {
(dom.querySelector(`.${ns}Table-fixedTop>.${ns}Table-wrapper`) as HTMLElement).style.cssText = `width: ${ (dom.querySelector(`.${ns}Table-fixedTop>.${ns}Table-wrapper`) as HTMLElement).style.cssText += `width: ${
this.outterWidth this.outterWidth
}px`; }px`;
let affixedTable = dom.querySelector(`.${ns}Table-wrapper table`) as HTMLElement; let affixedTable = dom.querySelector(`.${ns}Table-wrapper table`) as HTMLElement;
affixedTable.style.cssText = `width: ${this.totalWidth}px`; affixedTable.style.cssText += `width: ${this.totalWidth}px`;
} }
forEach( forEach(
@ -492,11 +492,11 @@ export default class Table extends React.Component<TableProps, object> {
), ),
table => { table => {
forEach(table.querySelectorAll('thead>tr:last-child>th'), (item: HTMLElement) => { forEach(table.querySelectorAll('thead>tr:last-child>th'), (item: HTMLElement) => {
item.style.cssText = `width: ${this.widths[parseInt(item.getAttribute('data-index') as string, 10)]}px`; item.style.cssText += `width: ${this.widths[parseInt(item.getAttribute('data-index') as string, 10)]}px`;
}); });
forEach(table.querySelectorAll('tbody>tr'), (item: HTMLElement, index) => { forEach(table.querySelectorAll('tbody>tr'), (item: HTMLElement, index) => {
item.style.cssText = `height: ${this.heights[index]}px`; item.style.cssText += `height: ${this.heights[index]}px`;
}); });
} }
); );