黑科技超简单:
给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;
}
这样即使是空值的时候我们也可以点击到,从而修改值了。