I have added a simple scheduler with no custom classes. However when scrolling i see DateTimes are disappearing and also the row boarders are stretched only for screen width. I made sure no classes are added to alter the css. Attached video shows the behaviour. Please let me know how if I am missing anything here.
Support Forum
The issue is because I am trying to remove all the columns using below code and add new columns dynamically. This is removing the TimeAxisColumn and other default columns in the columnStore. How can I delete multiple columns without deleting the before mentioned default columns. I tried using find to filter columns with text (so that default columns are not filtered) but it returns only one and delete it. The filter method on the same is retuning void and cannot be used. Please suggest an approach on how to filter/delete multiple columns
private updateSchedulerColumns(): void {
this.updateResourceSchedulerConfig();
// const schedulerColumns = this.scheduler.instance.columns.find(({ text }) => text);
// this.scheduler.instance.columns.remove(schedulerColumns);
this.scheduler.instance.columns.removeAll();
this.scheduler.instance.columns.add(this.schedulerConfig.columns);
}
My Columns are like
{
text: 'Sample Column Name',
field: 'sampleProperty',
resizable: false,
width: 150,
tooltipRenderer: false,
editor: false,
enableCellContextMenu: false
}