How to delete scrollbar from react resource-time for FullCalendar?

133 Views Asked by At

I used resource time of react Full Calendar, my code is:

resource:  'https://fullcalendar.io/demo-resources.json?with-nesting&with-colors&',
 events: 'https://fullcalendar.io/demo-events.json?single-day&for-resource-timeline&start=2020-12-03T00%3A00%3A00Z&end=2020-12-04T00%3A00%3A00Z&timeZone=UTC'

 <FullCalendar className="mb-4" defaultView="resourceTimelineDay"  locale={this.state.locale}  
resourceAreaWidth="15%" resourceLabelText="Praticiens" displayEventEnd={true}  header={{ left: "prev,next today", center: "title", right: "resourceTimelineDay,resourceTimelineWeek,resourceTimelineMonth"}} plugins={[resourceTimelinePlugin,
 timelinePlugin]} ref={this.calendarComponentRef} events={this.state.events} contentHeight={500} 
resources={this.state.resource} schedulerLicenseKey='CC-Attribution-NonCommercial-NoDerivatives'/>

When I run it, I get :

enter image description here

When I use the bottom scroll, I get:

![enter image description here

I used this: https://fullcalendar.io/docs/timeline-standard-view-demo

But, I want to make minTime and maxTime without scroll, and I want the rows will be all aligned not to 11h like the example.

How can I fix it ?

0

There are 0 best solutions below