2017-07-15 98 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> 

我的選擇是這樣的:

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

按照該文檔爲react-bootstrap-table,如果我鼠標,函數應該被觸發。它不是。任何想法我做錯了什麼?

+0

我跑你的示例代碼,它似乎爲我工作。如果你從組件狀態中刪除你的表選項,並把它們放入你的渲染方法,它是否工作? –

回答

3

嘗試使用下面的檢查功能,

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

如果日誌沒有得到工作嘗試刪除TableHeaderColumn和使用簡單的表,並試圖觸發。 它爲我工作

+1

它爲我工作.. – gowtham