antd Table 可伸缩列没有效果

Posted 2020-11-23 greenteaone

把antd 中的Table可伸缩示例代码，下载到自己的代码中发现，鼠标放到表格的边框上，并没有出现可伸缩鼠标样式，最后的解决方法是在css样式中添加下面的样式，就解决问题了。

.react-resizable {
    position: relative;
    background-clip: padding-box;
  }
  
.react-resizable-handle {
    position: absolute;
    width: 10px;
    height: 100%;
    bottom: 0;
    right: -5px;
    cursor: col-resize;
    z-index: 1;
  }