How to add a 'glyphicon glyphicon-chevron-up' icon on table header-react-bootstrap2-table

Hello,

I have tried below code to add icon on react-bootstrap2-table.
but its not working

columns: [
{
dataField: 'id',
text: 'Product ID',
sort: true
},
{
dataField: 'name',
text: 'Product Name',
sort: true,
formatter: rankFormatter,
formatExtraData: {
up: 'glyphicon glyphicon-chevron-up',
down: 'glyphicon glyphicon-chevron-down'
}
},
{
dataField: 'price',
text: 'Product Price'
}
]

//Below is the function
function rankFormatter(cell, row, rowIndex, formatExtraData) {
return (

);
}

its overlapping my table data.