Custom column header

[fernandotholl]

Dear,
Good afternoon

My first post here on the forum;

I found some posts related to my problem, but it was for PrimeNG.

Is there the possibility of creating a custom header for one of the columns of my Datatable?

Something like:

Code: Select all

actionHeaderTemplate = (columnData) => {
  return (
    <React.Fragment>
        <div>Custom header and order icons</div>
    <React.Fragment>
  )
}

 <Column 
    header={this.actionHeaderTemplate} 
    headerStyle={{width: '4%', textAlign: 'center'}} 
    bodyStyle={{textAlign: 'center', overflow: 'visible'}} 
 />

My goal is to put another sort icon to customize its behavior

[mcandu]

Nice feedback. Thank you for your interest. There is no way to do it for now, but could you please create github issue for this ?

Best Regards.