fix #324

Author: AllenFang

src/BootstrapTable.js

@@ -226,6 +226,8 @@ class BootstrapTable extends React.Component {
     var toolBar = this.renderToolBar();
     var tableFilter = this.renderTableFilter(columns);
     var isSelectAll = this.isSelectAll();
+    let sortIndicator = this.props.options.sortIndicator;
+    if(typeof this.props.options.sortIndicator === 'undefined') sortIndicator = true;
     return (
       <div className="react-bs-container" ref="table">
         {toolBar}
@@ -239,6 +241,7 @@ class BootstrapTable extends React.Component {
             hideSelectColumn={this.props.selectRow.hideSelectColumn}
             sortName={sortInfo ? sortInfo.sortField : undefined}
             sortOrder={sortInfo ? sortInfo.order : undefined}
+            sortIndicator={sortIndicator}
             onSort={this.handleSort.bind(this)}
             onSelectAllRow={this.handleSelectAllRow.bind(this)}
             bordered={this.props.bordered}
@@ -739,6 +742,7 @@ BootstrapTable.propTypes = {
     clearSearch: React.PropTypes.bool,
     sortName: React.PropTypes.string,
     sortOrder: React.PropTypes.string,
+    sortIndicator: React.PropTypes.bool,
     afterTableComplete: React.PropTypes.func,
     afterDeleteRow: React.PropTypes.func,
     afterInsertRow: React.PropTypes.func,
@@ -800,6 +804,7 @@ BootstrapTable.defaultProps = {
     clearSearch: false,
     sortName: undefined,
     sortOrder: undefined,
+    sortIndicator: true,
     afterTableComplete: undefined,
     afterDeleteRow: undefined,
     afterInsertRow: undefined,

src/TableHeader.js

@@ -63,19 +63,20 @@ class TableHeader extends React.Component{
   }
 
   _attachClearSortCaretFunc(){
+    let { sortIndicator } = this.props;
     if(Array.isArray(this.props.children)){
       for(let i=0;i<this.props.children.length;i++){
         const field = this.props.children[i].props.dataField;
         const sort = field === this.props.sortName ? this.props.sortOrder : undefined;
         this.props.children[i] =
           React.cloneElement(this.props.children[i],
-            { key: i, onSort: this.props.onSort, sort });
+            { key: i, onSort: this.props.onSort, sort, sortIndicator });
       }
     } else {
       const field = this.props.children.props.dataField;
       const sort = field === this.props.sortName ? this.props.sortOrder : undefined;
       this.props.children =
-        React.cloneElement(this.props.children, {key: 0, onSort: this.props.onSort, sort});
+        React.cloneElement(this.props.children, {key: 0, onSort: this.props.onSort, sort, sortIndicator});
     }
   }
 
@@ -111,7 +112,8 @@ TableHeader.propTypes = {
   bordered: React.PropTypes.bool,
   condensed: React.PropTypes.bool,
   isFiltered: React.PropTypes.bool,
-  isSelectAll: React.PropTypes.oneOf([true, 'indeterminate', false])
+  isSelectAll: React.PropTypes.oneOf([true, 'indeterminate', false]),
+  sortIndicator: React.PropTypes.bool
 };
 
 TableHeader.defaultProps = {

src/TableHeaderColumn.js

@@ -49,24 +49,26 @@ class TableHeaderColumn extends React.Component{
   }
 
   render(){
+    let defaultCaret;
     var width = this.props.width!==null?parseInt(this.props.width):null;
     var thStyle = {
       textAlign: this.props.dataAlign,
       display: this.props.hidden?"none":null,
       width: width,
       maxWidth: width
     };
-
-    const defaultCaret = (!this.props.dataSort) ? null : (
-      <span className="order">
-        <span className="dropdown">
-          <span className="caret" style={{margin: '10px 0 10px 5px', color: '#ccc'}}></span>
-        </span>
-        <span className="dropup">
-          <span className="caret" style={{margin: '10px 0', color: '#ccc'}}></span>
+    if(this.props.sortIndicator) {
+      defaultCaret = (!this.props.dataSort) ? null : (
+        <span className="order">
+          <span className="dropdown">
+            <span className="caret" style={{margin: '10px 0 10px 5px', color: '#ccc'}}></span>
+          </span>
+          <span className="dropup">
+            <span className="caret" style={{margin: '10px 0', color: '#ccc'}}></span>
+          </span>
         </span>
-      </span>
-    );
+      );
+    }
     const sortCaret = this.props.sort ? Util.renderReactSortCaret(this.props.sort) : defaultCaret;
 
     var classes = this.props.className+" "+(this.props.dataSort?"sort-column":"");
@@ -116,7 +118,8 @@ TableHeaderColumn.propTypes = {
     placeholder: React.PropTypes.string,
     getElement: React.PropTypes.func,
     customFilterParameters: React.PropTypes.object
-  })
+  }),
+  sortIndicator: React.PropTypes.bool
 };
 
 TableHeaderColumn.defaultProps = {
@@ -135,7 +138,8 @@ TableHeaderColumn.defaultProps = {
   filterFormatted: false,
   sort: undefined,
   formatExtraData: undefined,
-  filter: undefined
+  filter: undefined,
+  sortIndicator: true
 };
 
 export default TableHeaderColumn;