Sorting on empty fields is wonky and unpredictable

I took a screen capture of what’s going on. I click on sort on columns with empty fields and the sort is really unpredictable. I can’t really tell what it’s doing.

https://drive.google.com/file/d/0B0jVs-9rYRN8Y3c0eTFDUGU0eUE/view?usp=sharing

<BootstrapTable 
   printable
   bodyStyle={{overflow: 'overlay', maxHeight: height}}
   ref='table' 
   data={ this.state.rows } 
   striped={ true } 
   hover={ true } 
   search={ true }
   searchPlaceholder="Search..."
   scrollTop={ 'Top' }
   keyField='timestamp'
   options={ options }
   exportCSV={ true }
   csvFileName="alerts"
>
   { headers }
</BootstrapTable>

And this is my headers code:

return columns.map((header, id) => {
   if (header === "__health") {
      return (
         <TableHeaderColumn key={ id } dataField={ header } hidden={ true }>{ header.toUpperCase() }</TableHeaderColumn>
      )
   } else if (header.toLowerCase() === "timestamp") {
      return (
         <TableHeaderColumn key={ id } dataField={ header } dataSort={ true } dataFormat={ this._dateFormatter }>{ header.toUpperCase() }</TableHeaderColumn>
      )
   } else {
      return (
         <TableHeaderColumn key={ id } dataField={ header } dataSort={ true } dataFormat={ this._statusStyler }>{ header.toUpperCase() }</TableHeaderColumn>
      )
   }
});

Any ideas? I would think empty td’s would sort to one end of my table on ASC sort, then the other end on DESC sort.

[stevelacerda7]

Unfortunately, our build process automatically pulls directly from npm, so anything in the package.json file will be pulled from remote repo. Instead, I just imported react-bootstrap-table.js.min into my component, not great, but works for now.

[AllenFang]

https://github.com/AllenFang/react-bootstrap-table/pull/1644