Skip to content

Commit 1d10953

Browse files
authoredAug 1, 2024··
Merge pull request #112 from langleyfoxall/feature/row-class
Inject classes into rows
2 parents fc8b126 + c6819f4 commit 1d10953

File tree

2 files changed

+11
-3
lines changed

2 files changed

+11
-3
lines changed
 

‎.vscode/settings.json

+6
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22
"editor.codeActionsOnSave": {
33
"source.fixAll.eslint": "explicit"
44
},
5+
"[javascript]": {
6+
"editor.formatOnSave": false
7+
},
8+
"[javascriptreact]": {
9+
"editor.formatOnSave": false
10+
},
511
"editor.formatOnSave": true,
612
"editor.detectIndentation": false,
713
"editor.tabSize": 2,

‎src/Components/DataRow.jsx

+5-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import React, { Component } from 'react'
22
import PropTypes from 'prop-types'
3+
import classNames from 'classnames'
34

45
class DataRow extends Component {
56
static noop () {
@@ -13,15 +14,15 @@ class DataRow extends Component {
1314
}
1415

1516
render () {
16-
const { row, fields, onClick, onMouseUp, onMouseDown, onContextMenu, rowIsActive } = this.props
17+
const { row, fields, onClick, onMouseUp, onMouseDown, onContextMenu, rowIsActive, className } = this.props
1718

1819
return (
1920
<tr
2021
onClick={e => onClick(e, row)}
2122
onMouseUp={e => onMouseUp(e, row)}
2223
onMouseDown={e => onMouseDown(e, row)}
2324
onContextMenu={e => onContextMenu(e, row)}
24-
className={rowIsActive(row) ? 'table-active' : null}
25+
className={classNames(className, { 'table-active': rowIsActive(row) })}
2526
>
2627
{this.renderCheckboxCell()}
2728
{fields.map(field => this.renderCell(field, row))}
@@ -234,7 +235,8 @@ DataRow.propTypes = {
234235
index: PropTypes.number.isRequired,
235236
fields: PropTypes.array,
236237
rowIsActive: PropTypes.bool,
237-
disableCheckbox: PropTypes.bool
238+
disableCheckbox: PropTypes.bool,
239+
className: PropTypes.string
238240
}
239241

240242
export default DataRow

0 commit comments

Comments
 (0)
Please sign in to comment.