Skip to content
This repository has been archived by the owner on Oct 20, 2020. It is now read-only.

Feature/Help needed: Hide specific columns #137

Open
ioncodes opened this issue Aug 13, 2020 · 2 comments
Open

Feature/Help needed: Hide specific columns #137

ioncodes opened this issue Aug 13, 2020 · 2 comments

Comments

@ioncodes
Copy link

I'm using this to create a timeline based on weeks and days:

image

I used the following code to create the cells:

export const buildWeekCells = () => {
  const v = []
  for (let i = 0; i < 52; i += 1) {
    const week = moment().startOf('year').weekday(1).add(i, 'week')

    v.push({
      id: `w${i}`,
      title: `W${i}`,
      start: week.toDate(),
      end: week.add(1, 'week').subtract(2, 'day').toDate(),
    })
  }

  return v
}

export const buildDayCells = () => {
  const v = []
  for (let i = 0; i < 365; i += 1) {
    const day = moment().startOf('year').weekday(7).add(i, 'day')

    if (day.weekday() !== 6 && day.weekday() !== 0) {
      v.push({
        id: `d${i}`,
        title: day.toString()[0],
        start: day.toDate(),
        end: day.add(1, 'day').toDate(),
      })
    }
  }

  return v
}

I couldn't find a way to hide specific columns (in my case the weekends). This could be very useful. Any ideas on how to implement this?

@dakkusingh
Copy link

That would be an awesome feature ++

@lsbrillant
Copy link

Not sure exactly how it would interact with the event cell rendering, but I have #135 as a pull request that could be used to do something like this. Add class to weekend, then use css to shade or remove those cells.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants