1
1
import React , { Component } from 'react'
2
2
import PropTypes from 'prop-types'
3
+ import classNames from 'classnames'
3
4
4
5
class DataRow extends Component {
5
6
static noop ( ) {
@@ -13,15 +14,15 @@ class DataRow extends Component {
13
14
}
14
15
15
16
render ( ) {
16
- const { row, fields, onClick, onMouseUp, onMouseDown, onContextMenu, rowIsActive } = this . props
17
+ const { row, fields, onClick, onMouseUp, onMouseDown, onContextMenu, rowIsActive, className } = this . props
17
18
18
19
return (
19
20
< tr
20
21
onClick = { e => onClick ( e , row ) }
21
22
onMouseUp = { e => onMouseUp ( e , row ) }
22
23
onMouseDown = { e => onMouseDown ( e , row ) }
23
24
onContextMenu = { e => onContextMenu ( e , row ) }
24
- className = { rowIsActive ( row ) ? 'table-active' : null }
25
+ className = { classNames ( className , { 'table-active' : rowIsActive ( row ) } ) }
25
26
>
26
27
{ this . renderCheckboxCell ( ) }
27
28
{ fields . map ( field => this . renderCell ( field , row ) ) }
@@ -234,7 +235,8 @@ DataRow.propTypes = {
234
235
index : PropTypes . number . isRequired ,
235
236
fields : PropTypes . array ,
236
237
rowIsActive : PropTypes . bool ,
237
- disableCheckbox : PropTypes . bool
238
+ disableCheckbox : PropTypes . bool ,
239
+ className : PropTypes . string
238
240
}
239
241
240
242
export default DataRow
0 commit comments