diff --git a/src/ResourceHeader.js b/src/ResourceHeader.js
new file mode 100644
index 000000000..c3a126c8a
--- /dev/null
+++ b/src/ResourceHeader.js
@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+const ResourceHeader = ({ label }) => {
+ return {label}
+}
+
+ResourceHeader.propTypes = {
+ label: PropTypes.node,
+ index: PropTypes.number,
+ resource: PropTypes.object,
+}
+
+export default ResourceHeader
diff --git a/src/TimeGridHeader.js b/src/TimeGridHeader.js
index f06b86714..0d68e3a7b 100644
--- a/src/TimeGridHeader.js
+++ b/src/TimeGridHeader.js
@@ -6,6 +6,7 @@ import React from 'react'
import dates from './utils/dates'
import DateContentRow from './DateContentRow'
import Header from './Header'
+import ResourceHeader from './ResourceHeader'
import { notify } from './utils/helpers'
class TimeGridHeader extends React.Component {
@@ -116,7 +117,10 @@ class TimeGridHeader extends React.Component {
scrollRef,
localizer,
isOverflowing,
- components: { timeGutterHeader: TimeGutterHeader },
+ components: {
+ timeGutterHeader: TimeGutterHeader,
+ resourceHeader: ResourceHeaderComponent = ResourceHeader,
+ },
} = this.props
let style = {}
@@ -142,9 +146,13 @@ class TimeGridHeader extends React.Component {
{resources.map(([id, resource], idx) => (
{resource && (
-
-
- {accessors.resourceTitle(resource)}
+
)}
diff --git a/src/less/time-grid.less b/src/less/time-grid.less
index 40af3598d..9fc102b56 100644
--- a/src/less/time-grid.less
+++ b/src/less/time-grid.less
@@ -94,6 +94,11 @@
border-left-width: 0;
border-right: 1px solid @cell-border;
}
+
+ >.rbc-row.rbc-row-resource {
+ border-bottom: 1px solid @cell-border;
+ flex-shrink: 0;
+ }
}
.rbc-time-content {