【问题标题】:Remove or hide time row from the kendo scheduler in angular 8从角度 8 的剑道调度程序中删除或隐藏时间行
【发布时间】:2020-11-20 07:38:33
【问题描述】:

如何在角度 8 中从调度程序中删除或隐藏时间行。

这是 stackblitz 中带有示例日期的代码:

https://stackblitz.com/edit/angular-brn2en-rtbgjt

我想删除或隐藏第二行:“11:00 AM”

【问题讨论】:

    标签: c# angular asp.net-core angular8


    【解决方案1】:

    我想删除或隐藏第二行:“11:00 AM”

    为了实现您的上述要求,您可以尝试将以下 CSS 样式应用于 Angular Scheduler 的 Kendo UI。

    div.k-scheduler-timeline-month-view>div:nth-child(1)>div.k-scheduler-times>table.k-scheduler-table tr:last-child {
      display: none;
    }
    
    div.k-scheduler-header-wrap table.k-scheduler-table tr:last-child {
      display: none;
    }
    

    测试结果

    【讨论】:

    • 您好,感谢您的回复。我已经应用了相同的 css,但它仍然显示第二行
    • 不,它对我不起作用...... css 没有得到反映
    • 如我的测试结果截图所示,它适用于您提供的代码。如果它不适合您,您可以使用浏览器开发工具检查上述样式是否被其他 css 样式覆盖。
    • 在组件页面中添加 @Component({ encapsulation: ViewEncapsulation.None }) 后它起作用了。非常感谢。
    猜你喜欢
    • 1970-01-01
    • 2020-07-16
    • 2013-07-30
    • 1970-01-01
    • 1970-01-01
    • 2017-03-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多