ant-design/components/table/hooks/useContainerWidth.ts
二货爱吃白萝卜 23870913b1
fix: Table virtual with narrow columns (#44818)
* fix: resize & border logic

* fix: auto width

* chore: clean up

* fix: lint

* chore: cov

* chore: lint
2023-09-13 17:53:54 +08:00

21 lines
603 B
TypeScript

import type { TableProps } from 'rc-table';
export default function useContainerWidth(prefixCls: string) {
const getContainerWidth: TableProps['getContainerWidth'] = (ele, width) => {
const container = ele.querySelector(`.${prefixCls}-container`);
let returnWidth = width;
if (container) {
const style = getComputedStyle(container);
const borderLeft = parseInt(style.borderLeftWidth, 10);
const borderRight = parseInt(style.borderRightWidth, 10);
returnWidth = width - borderLeft - borderRight;
}
return returnWidth;
};
return getContainerWidth;
}