在Kendo Scheduler议程视图上隐藏表格列-在Firefox / Chrome中有效,但在IE11中不起作用

连帽衫

我尝试使用以下CSS隐藏kendo Scheduler议程视图上的time列。

.k-scheduler-timecolumn{
    visibility:collapse !important;
    width:0 !important;
}
<tbody>
    <tr>
        <td>

            <div style="padding-right: 16px;" class="k-scheduler-header k-state-default">

                <div class="k-scheduler-header-wrap">
                    <table class="k-scheduler-table">
                        <tbody>
                            <tr>
                                <th colspan="1" class="k-scheduler-datecolumn">
                                    Date
                                </th>
                                <th colspan="1" class="k-scheduler-timecolumn">
                                    Time
                                </th>
                                <th colspan="1" class="">
                                    Event
                                </th>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </td>
    </tr>
    <tr>
        <td>

            <div style="height: 525px;" class="k-scheduler-content">
                <table class="k-scheduler-table">
                    <tbody>
                        <tr class="" role="row" aria-selected="false">
                            <td class="k-scheduler-datecolumn k-first" rowspan="1">
                                <strong class="k-scheduler-agendaday">27</strong><em class="k-scheduler-agendaweek">Friday</em>

                                <span class="k-scheduler-agendadate">
                                    March, 2015
                                </span>
                            </td>
                            <td class="k-scheduler-timecolumn">

                                <div>
                                    9:00 AM-5:00 PM
                                </div>
                            </td>
                            <td>

                                <div class="k-task" title="This is a title" data-uid="478d253e-a46d-40e8-9194-4dbb70d752a9">

                                    <span class="k-scheduler-mark" style="background-color:#ADC4CC">
                                    </span>blah blah blah
                                </div>
                            </td>
                        </tr>
                        <tr class="" role="row" aria-selected="false">
                            <td class="k-scheduler-datecolumn k-first" rowspan="1">
                                <strong class="k-scheduler-agendaday">28</strong><em class="k-scheduler-agendaweek">Saturday</em>

                                <span class="k-scheduler-agendadate">
                                    March, 2015
                                </span>
                            </td>
                            <td class="k-scheduler-timecolumn">

                                <div>
                                    9:00 AM-5:00 PM
                                </div>
                            </td>
                            <td>

                                <div class="k-task" title="This is a title" data-uid="fcafd1c1-1c96-4b78-a286-b98264fffe0d">

                                    <span class="k-scheduler-mark" style="background-color:#ADC4CC">
                                    </span>blah blah blah
                                </div>
                            </td>
                        </tr>
                        <tr class="" role="row" aria-selected="false">
                            <td class="k-scheduler-datecolumn k-first" rowspan="1">
                                <strong class="k-scheduler-agendaday">30</strong><em class="k-scheduler-agendaweek">Monday</em>

                                <span class="k-scheduler-agendadate">
                                    March, 2015
                                </span>
                            </td>
                            <td class="k-scheduler-timecolumn">

                                <div>
                                    8:00 AM-4:00 PM
                                </div>
                            </td>
                            <td>

                                <div class="k-task" title="This is a title" data-uid="fad7d9d9-94e0-4927-8497-4892919d7659">
                                    blah blah blah
                                </div>
                            </td>
                        </tr>
                        <tr class="" role="row" aria-selected="false">
                            <td class="k-scheduler-datecolumn k-first" rowspan="1">
                                <strong class="k-scheduler-agendaday">03</strong><em class="k-scheduler-agendaweek">Friday</em>

                                <span class="k-scheduler-agendadate">
                                    April, 2015
                                </span>
                            </td>
                            <td class="k-scheduler-timecolumn">

                                <div>
                                    8:00 AM-4:00 PM
                                </div>
                            </td>
                            <td>

                                <div class="k-task" title="This is a title" data-uid="d29639e6-2eff-4904-9152-a57384f940a3">

                                    <span class="k-scheduler-mark" style="background-color:#92B06A">
                                    </span>blah blah blah
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </td>
    </tr>
</tbody>

这适用于Firefox和Chrome。 在此处输入图片说明

但是在IE中,列宽很小,但仍然存在。 在此处输入图片说明

汤姆

已知Internet Explorer存在“可见性:崩溃”的问题。

尝试使用:

display: none

或者:

visibility: hidden

代替:

visibility: collapse

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过PHP设置Cookie在Chrome中有效,但在Firefox或IE中不起作用

来自分类Dev

jQuery error()在Chrome和IE中有效,但在Firefox中不起作用

来自分类Dev

window.open在Firefox中有效,但在IE或Chrome中不起作用

来自分类Dev

动态生成的html链接在Firefox中有效,但在Chrome中不起作用

来自分类Dev

解析XML标签属性在Firefox中有效,但在Chrome中不起作用

来自分类Dev

添加的间距在Firefox中有效,但在Chrome和Safari中不起作用

来自分类Dev

表格不在DIV内(在IE 9中有效,但在Chrome或IE11中无效)

来自分类Dev

隐藏的溢出在Firefox上不起作用,但在IE和chrome中起作用

来自分类Dev

按特定键在JavaScript中执行某些操作在Chrome中有效,但在Firefox中不起作用

来自分类Dev

我的音频可视化器在Chrome中不起作用(但在Firefox中有效)

来自分类Dev

为什么按钮内的文件输入在 Firefox 中不起作用,但在 Chrome 中有效?

来自分类Dev

强制在kendo ui Scheduler中显示“议程”视图

来自分类Dev

jQuery UI droppable在IE和Firefox上不起作用(但在Chrome上有效)

来自分类Dev

单选按钮在谷歌浏览器中有效,但在Firefox中不起作用

来自分类Dev

为什么HTML复选框功能仅在IE中有效,而在Firefox或Chrome中不起作用?

来自分类Dev

为什么HTML复选框功能仅在IE中有效,而在Firefox或Chrome中不起作用?

来自分类Dev

表格在Firefox中无法响应,在Chrome中有效

来自分类Dev

水平滚动在IE11上有效,但在Chrome和Firefox上无效

来自分类Dev

当我单击链接时,它将使用jquery打开两个新选项卡。这在Firefox中有效,但在chrome和IE中不起作用

来自分类Dev

Rmarkdown flexdashboard值框在Chrome或IE中无法正确呈现(但在FireFox中有效)

来自分类Dev

日期差异在Firefox和IE中有效,但在Chrome中返回NaN

来自分类Dev

优良的上载器异步任务在Chrome中有效,但在IE11中不起作用

来自分类Dev

Blob createObjectURL下载在Firefox中不起作用(但在调试时有效)

来自分类Dev

Kendo Grid 未在 Firefox 中显示

来自分类Dev

在Chrome或Firefox中,jquery $ .ajax调用会导致401未经授权的响应,但在IE中有效

来自分类Dev

量角器测试在Firefox中失败(无法找到ID),但在ie / chrome中有效

来自分类Dev

在Kendo Scheduler模板中设置Kendo Tabstrip

来自分类Dev

Python IIS在FireFox中不起作用,但在IE和Chrome中起作用

来自分类Dev

CSS在Chrome / Firefox中不起作用(渲染)但在IE10 / Edge中起作用

Related 相关文章

  1. 1

    通过PHP设置Cookie在Chrome中有效,但在Firefox或IE中不起作用

  2. 2

    jQuery error()在Chrome和IE中有效,但在Firefox中不起作用

  3. 3

    window.open在Firefox中有效,但在IE或Chrome中不起作用

  4. 4

    动态生成的html链接在Firefox中有效,但在Chrome中不起作用

  5. 5

    解析XML标签属性在Firefox中有效,但在Chrome中不起作用

  6. 6

    添加的间距在Firefox中有效,但在Chrome和Safari中不起作用

  7. 7

    表格不在DIV内(在IE 9中有效,但在Chrome或IE11中无效)

  8. 8

    隐藏的溢出在Firefox上不起作用,但在IE和chrome中起作用

  9. 9

    按特定键在JavaScript中执行某些操作在Chrome中有效,但在Firefox中不起作用

  10. 10

    我的音频可视化器在Chrome中不起作用(但在Firefox中有效)

  11. 11

    为什么按钮内的文件输入在 Firefox 中不起作用,但在 Chrome 中有效?

  12. 12

    强制在kendo ui Scheduler中显示“议程”视图

  13. 13

    jQuery UI droppable在IE和Firefox上不起作用(但在Chrome上有效)

  14. 14

    单选按钮在谷歌浏览器中有效,但在Firefox中不起作用

  15. 15

    为什么HTML复选框功能仅在IE中有效,而在Firefox或Chrome中不起作用?

  16. 16

    为什么HTML复选框功能仅在IE中有效,而在Firefox或Chrome中不起作用?

  17. 17

    表格在Firefox中无法响应,在Chrome中有效

  18. 18

    水平滚动在IE11上有效,但在Chrome和Firefox上无效

  19. 19

    当我单击链接时,它将使用jquery打开两个新选项卡。这在Firefox中有效,但在chrome和IE中不起作用

  20. 20

    Rmarkdown flexdashboard值框在Chrome或IE中无法正确呈现(但在FireFox中有效)

  21. 21

    日期差异在Firefox和IE中有效,但在Chrome中返回NaN

  22. 22

    优良的上载器异步任务在Chrome中有效,但在IE11中不起作用

  23. 23

    Blob createObjectURL下载在Firefox中不起作用(但在调试时有效)

  24. 24

    Kendo Grid 未在 Firefox 中显示

  25. 25

    在Chrome或Firefox中,jquery $ .ajax调用会导致401未经授权的响应,但在IE中有效

  26. 26

    量角器测试在Firefox中失败(无法找到ID),但在ie / chrome中有效

  27. 27

    在Kendo Scheduler模板中设置Kendo Tabstrip

  28. 28

    Python IIS在FireFox中不起作用,但在IE和Chrome中起作用

  29. 29

    CSS在Chrome / Firefox中不起作用(渲染)但在IE10 / Edge中起作用

热门标签

归档