2017-07-15 3 views
2

私のテーブルには、次のとおりです。がonRowMouseOver反応し、ブートストラップ・テーブルにトリガーない

<BootstrapTable options={this.state.tableOptions} className="animated fadeIn" data={opportunities} striped hover condensed> 
     <TableHeaderColumn dataField='ticker' dataSort={true} dataFormat={this.symbolFormatter} dataAlign='center'>Symbol</TableHeaderColumn> 
     <TableHeaderColumn dataField='symbol' dataFormat={this.strategyFormatter} className="clearfix" dataSort={true} dataAlign='center'>Strategy</TableHeaderColumn> 
     <TableHeaderColumn dataField='probability' dataFormat={this.percentFormatter} dataSort={true} dataAlign='center'>Probabilty</TableHeaderColumn> 
     <TableHeaderColumn dataField='shamoonRank' dataFormat={this.progressFormatter} dataAlign='center' dataSort={true}>Should I Do It?</TableHeaderColumn> 
     <TableHeaderColumn dataField='spread' dataFormat={this.currencyFormatter} dataAlign='center' dataSort={true}>Spread</TableHeaderColumn> 
     <TableHeaderColumn dataField='maxLoss' dataFormat={this.currencyFormatter} dataAlign='center' dataSort={true}>Max Loss</TableHeaderColumn> 
    </BootstrapTable> 

私のオプションは次のようになります、react-bootstrap-tableためのドキュメントを1として

this.state = { 
    animatedClass: 'hidden', 
    opportunityId: null, 
    tableOptions: { 
    defaultSortOrder: 'desc', 
    onRowMouseOver: (row) => { 
     console.log('row') 
    } 
    } 
} 

Iマウスオーバー、機能は必要がある場合トリガーされる。それはしません。私が間違ってやっていることに関する考えは?

+0

私はあなたのサンプルコードを実行し、私のために働いたようだ。コンポーネントの状態からテーブルオプションを削除してレンダリングメソッドの中に置くだけで動作しますか? –

答えて

3

ログがTableHeaderColumnを削除して、簡単なテーブルを使用してトリガしようとする試みを働いれなかった場合は

this.state = { 
      console.log('state called') 
     animatedClass: 'hidden', 
     opportunityId: null, 
     tableOptions: { 
     defaultSortOrder: 'desc', 
     onRowMouseOver: (row) => { 
      console.log('row') 
     } 
     } 
    } 

、機能性をチェックするには、以下を使用するようにしてください。 それは私のために働いた

+1

それは私のために働いた.. – gowtham

関連する問題