nikolasp / react-timetable-events Goto Github PK

import React, { Component } from 'react';
import moment from 'moment';
import Timetable from 'react-timetable-events'
require('../styles/live_table.css');

export default class LiveTable extends Component{

 
    render(){

        return(
            <div className="livetable_container">
                <Timetable 
                    events={this.props.events}
                    // hoursInterval= {[0,24]}
                />
            </div>
        );
    }
    
}

LiveTable.defaultProps = {
    hoursInterval: [ 2, 24 ],
    timeLabel: 'Time',
    renderHour(hour) {
      return (
        <div className="temp"
             key={hour}>
          { hour  }
        </div>
      )
    }
}

Trying TimeTable.defaultProps, but that is not working too. Can you tell me how to work with this. Great library btw.

Hey guys,

I hope you are doing great!

I was using this library for some personal project and I couldn't find a proper way to extend the Event interface with some extra custom parameters.

Do you have any suggestion on how to do that ?

Thanks,

Hi! may I know how to change the color for each event? I've go through the documentation and I still couldn't find a way. Thanks in advance!

From what I can see it is not possible to resize the dimensions of the table as a whole.
It relies on the viewport of the root. (it is responsive though 👏 )

REQUEST:
Would it be possible to rely on the size of the parent element (or to resize the root somehow)?
So if I put this timetable in a div with a fixed size of 800x800px, the table scales accordingly?