如何更改TD上的TR樣式單擊反應表中的

我正在使用React表並希望在單擊列上更改Tr樣式。如何更改TD上的TR樣式單擊反應表中的

我無法找到任何文檔或樣本來完成這個簡單的任務。

header: 'Name', 
    columns: [{ 
    render: (rowInfo, column) => { 
      const onClicked =() => { 
       console.log('How i can change Tr style here'); 
      }; 
      return (
       <span onClick= {onClicked} className='number'>close</span> 
      ) 
     } 
    }

參考代碼筆鏈接 http://codepen.io/parmodkrarora/pen/wdWoBd/?editors=0010

來源

2017-04-22 Parmod

該組件需要有「狀態」。在那個狀態下 - 你需要一個名爲TOGGLE：false的道具。然後onClick - 你告訴toggle =！切換，然後用新值設置狀態。這將告訴切換到總是切換當前值。然後在HTML元素上設置className以使if語句切換css類：關閉然後，你可以風格的CSS類，但是你想要的。 –

在coulmn渲染回調中，我能夠訪問rowInfo對象，但我更改rowInfo對象TRComponent不會被重新渲染。 – Parmod

看看更新後的http://codepen.io/parmodkrarora/pen/wdWoBd/?editors=0011 – Parmod

我把所有的數據狀態和變化上點擊與選定標誌的狀態。自動更改點擊處理程序子組件刷新中的狀態後。謝謝Spencer BIgum

來源

2017-04-25 09:21:46 Parmod

如何更改TD上的TR樣式單擊反應表中的

回答

相關問題