【antd给表格加滚动条】

给表格添加 scroll: {x: 1500, y: 500}的属性不起作用

给表格固定宽度，使用样式来解决

index.tsx文件中

对应的样式文件index.less中

就会有滚动条了

但这种方法定义的表格不会根据屏幕的宽度自适应，为了让表格的宽度根据屏幕自适应，于是下面第二种方法，通过js实时获取整个屏幕的宽度，动态的设置表格的宽度

  const [dtlInnerWidth, setDtlInnerWidth] = useState<any>();
  // 监听屏幕的resize事件，实时获取屏幕的宽度
  window.addEventListener('resize', (e: any) => {
    setDtlInnerWidth(e.target.innerWidth);
  });

  // 在整个页面刚加载时就取到屏幕的宽度，然后对表格进行设置
  useEffect(() => {
    setDtlInnerWidth(window.innerWidth);
  }, []);

  // 通过获取到dom元素，通过style.width设置宽度
  useEffect(() => {
    let dom: HTMLElement | null = document.querySelector('.self-table-width');
    if (dom?.style) {
      dom.style.width = dtlInnerWidth - 240 + 'px';
    }
  }, [dtlInnerWidth]);