react-resizable实现antd Table组件拖动改变列宽

import {
    Table } from 'antd';
import React, {
    useEffect, useRef, useState } from 'react';
import {
    Resizable } from 'react-resizable';
import './style.css';

const ResizeableTitle = (props: any) => {
   
  const {
    onResize, width, ...restProps } = props;

  if (!width) {
   
    return <th {
   ...restProps} />;
  }

  return (
    <Resizable
      width={
   width}
      height={
   0}
      onResize={
   onResize}
      draggableOpts