Antd可编辑表格初始数据为空,单元格不能编辑的解决办法

黑科技超简单:

给table表格增加行className 

  rowClassName={() => 'editable-row'}

然后设置可编辑表格的行样式

        

.editable-row:hover .editable-cell-value-wrap {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 4px 11px;
  }
  .editable-cell-value-wrap {
    padding: 5px 12px;
    cursor: pointer;
    min-height: 32px;
}

这样即使是空值的时候我们也可以点击到,从而修改值了。

你可能感兴趣的:(javascript,前端,开发语言)