dropdown list inside a table goes under columns

user_12952308 0
Viewed 445

I have a table in which a sticky column contains dropdown list. my problem is dropdown list goes under the column in next row onwards can anyone help me I have two columns position sticky because i don't want them to moved while scrolling.In one fixed column I have a dropdown list while I'm clicking on dropdown it goes under the sticky element below is the code can someone help me

I tried adding z-index but it seems not working

angularjs drop-down-menu css html javascript
1 Answers

remove the right declarations from these 2 sections:

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

.fixactivate{
    position: sticky;
}

Also changing your white space to nowrap might help too in this section

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