Css 可编辑单元不'；t重叠bootstrap表中的相邻单元

我使用Bootstrap3，有一个表，其中有可编辑的单元格和可调整大小的列。对于调整大小，我使用扩展，而对于单元格编辑，则使用

可编辑单元格（带按钮的文本区域）不与相邻单元格重叠。我试图为可编辑组件设置

z-index

，但没有帮助

html

<table class="table table-striped table-bordered table-hover"  cellspacing="0" id="mainTable" data-click-to-select="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-pagination="true">
    <thead>
    <tr>
        <th data-field="name" >Name</th>
        <th data-field="stargazers_count">Stars</th>
        <th data-field="forks_count" >Forks</th>
        <th data-field="description" >Description</th>
    </tr>
    </thead>
</table>

---

我忘了添加

位置：relative

。现在它起作用了

.editable-input,
.editable-buttons button{
  position: relative;
}

这对我很有用：

[.editable-inline{
  position: relative;
  background-color: #fff;
  z-index: 1;
}]

---

我希望这是我遇到的问题，但情况不太一样。使用您原来的小提琴，改变模式，弹出和一个奇怪的行为发生。单击要编辑的单元格时，单击单元格右侧的另一个单元格将移到另一个单元格上，并显示一个新的表格单元格。单击“保存/取消”按钮时，所有内容都会返回正常状态。有什么理由吗@HPWD很难修复引导表和x-editable插件的一些问题。那是很久以前的事了。我建议在Github上为这两个存储库创建新的问题和检查问题，并拉取请求。我记得x-editable不再维护，您可以在Github上找到许多修复和答案。祝你好运谢谢你的建议。和其他项目一样，这一项目正处于时间紧迫的时期，需要注意是否存在漏洞。

[.editable-inline{
  position: relative;
  background-color: #fff;
  z-index: 1;
}]