custom-sort-caret.jsx

function getCaret(direction) {
  if (direction === 'asc') {
    return (
      <span> up</span>
    );
  }
  if (direction === 'desc') {
    return (
      <span> down</span>
    );
  }
  return (
    <span> up/down</span>
  );
}

class CustomSortTable extends React.Component {
  render() {
    return (
      <BootstrapTable data={ products }>
          <TableHeaderColumn dataField='id' dataSort isKey>Product ID</TableHeaderColumn>
          <TableHeaderColumn dataField='name' dataSort caretRender={ getCaret }>Product Name</TableHeaderColumn>
          <TableHeaderColumn dataField='price' dataSort>Product Price</TableHeaderColumn>
      </BootstrapTable>
    );
  }
}