【问题标题】:dropdown list inside a table goes under columns表内的下拉列表位于列下方
【发布时间】:2020-05-28 21:53:29
【问题描述】:

我有一个表格,其中的粘性列包含下拉列表。我的问题是下拉列表在下一行的列下方有人可以帮助我吗 我有两列位置是粘性的,因为我不希望它们在滚动时移动。在一个固定列中,我有一个下拉列表,当我单击下拉列表时,它位于粘性元素下方 下面是代码有人可以帮助我

我尝试添加 z-index,但似乎不起作用

【问题讨论】:

    标签: javascript html css angularjs drop-down-menu


    【解决方案1】:

    从这两个部分中删除正确的声明:

        .fixedit{
        position: sticky;
        width: 10px;
    }
    
    .fixactivate{
        position: sticky;
    }
    

    在本节中将空格更改为 nowrap 也可能会有所帮助

        .hex-table-scroll .hex-table tbody tr td {
        word-wrap: break-word;
        word-break: break-all;
        white-space: nowrap;
    }
    

    【讨论】:

    • 不移除位置:粘有没有其他方法
    • 我没有删除位置:粘性。也许离开 fixit 和 fixactivate 然后单独将空白更改为 nowrap。
    • 这是一个这样做的例子。 jsfiddle.net/ko7u0xpt
    • 这是我在回答中所做的所有 3 项更改的关键。 jsfiddle.net/ko7u0xpt/1
    • 我需要从滚动中删除该列,这就是我定位正确的原因。不删除可以修复吗?
    猜你喜欢
    • 2016-03-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多