无法单击 table 行内的按钮

Question

Edit/Delete 按钮在 table 内时无法点击。（鼠标指针也没有像往常一样变化）

有人知道发生了什么事吗？

这是fiddle：

    <td class="report-elements report-tools">
            <button class="btn btn-default">Edit</button>
            <button class="btn btn-danger">Delete</button>
    </td>

Answer 1

从 .main-panel 中删除 z-index: -1。

Answer 2

检查fiddle：https://jsfiddle.net/nileshmahaja/xt7spu41/5/

我已将以下代码修改为提供的 Fiddle

/* Slide the table under the top nav bar */
.main-panel {
    margin-top: -2px;
    position: absolute;
    z-index: 1;
}

Changing Z-index makes to click through the buttons. this is because the container which is containing buttons was behind the other elements previously. after changing it's z-index to 1 makes main-panel div to come up and make the buttons clickable

无法单击 table 行内的按钮

Unable to click button inside table row

html

css

html-table

button

twitter-bootstrap