columnClassName attr is cleared when customEditor is enabled

[jsangilve]

I noticed that using customEditor attribute of TableHeaderColumn, when a cell gets into edit mode (customEditor is enabled), the <td>s className defined by columnClassName attribute is cleared. Once the cell isn't being edited anymore, the className is restored.

<TableHeaderColumn
  key={'column-' + h.id}
  columnClassName={(h.cellEditor) ? 'editable-td': ''}
  customEditor={this.formatEditor(h.id, h.cellEditor)}>
  {h.label}
</TableHeaderColumn>

Is there any way to keep the className in edit mode or pass a className to the <td> element when cell is in edit mode?

[AllenFang]

@jsangilve, I'll improve it, actually it's not lost or override the classname on editing, because it's different component between the normal cell and editing cell. There're some solution, but as my consideration, I'll prefer to add a new props called editColumnClassName to separate from the columnClassName.

[jsangilve]

@AllenFang sounds good. Thanks for adding this feature!

[AllenFang]

Fixed on v2.7.1, check this example 👍

[jsangilve]

@AllenFang I was wondering if this editColumnClassName property could also make it to branch v3.0.0. Unless you have an alternative in mind, I could PR to v3.0.0-dev if you want.

[AllenFang]

@jsangilve, https://github.com/AllenFang/react-bootstrap-table/releases/tag/v3.0.0-beta.6 check this out.

[jsangilve]

@AllenFang you rock man!