Set Table expandable property at row level

What problem does this feature solve?

Currently the Table “Expandable” property can only be specified at for the entire table. There are use cases where you only want some rows to be expandable.

What does the proposed API look like?

The simplest way would be to not render the expand icon if null or undefined is returned via the expandedRowRender prop.

<Table columns={columns} dataSource={this.props.data} expandedRowRender={(record) =>{
 if(record.expandable) {
     return <p>hello!</p>;
  } else {
     return null;
  } 
}}
/>

[yesmeck]

For performance reason, we don’t call expandedRowRender until the row is expanded. If you don’t want show expand icon for some rows, you can use rowClassName to add a custom className to the row, and hide the expand icon by css.

[ycjcl868]

https://codesandbox.io/s/o4l12vnnkq