可编辑单元格不会与引导表中的相邻单元格重叠
马特
我使用bootstrap 3，并具有一个带有可编辑单元格和可调整大小的列的bootstrap-table表。为了调整大小，我使用扩展名bootstrap-table-resizable，对于单元格编辑bootstrap-table-editable，它使用x-editable。
可编辑单元格（带有按钮的文本区域）不会与相邻单元格重叠。我尝试设置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>
javascript
$.fn.editable.defaults.mode = 'inline';
var data = [{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"}]
$('table').bootstrapTable({
data: data,
resizable: true
});
$('tr td').editable({
type: 'textarea',
showbuttons: true
});
马特
我忘了补充position: relative。现在可以了。
.editable-input,
.editable-buttons button{
position: relative;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
TableView，设置可编辑单元格
- 2
使用JButton使单元格可编辑
- 3
如何使单元格可编辑
- 4
引导表中可编辑的单元格格式
- 5
TableView中的可编辑多行单元格
- 6
AngularJS中的可编辑表格单元格
- 7
具有arrayformula的列中的可编辑单元格
- 8
Java-如何使JTable中的单元格可编辑？
- 9
qtableview 中不可编辑的单元格
- 10
动态表格中的可编辑单元格
- 11
单元格标签文本在单元格中重叠
- 12
单元格标签文本在单元格中重叠
- 13
计数相邻单元格
- 14
矩阵的相邻单元格
- 15
引导表单元格中的图像不会居中对齐
- 16
表中单元格之间的重叠文本
- 17
UICollectionView 中的单元格重叠
- 18
如何在表中的 td 中找到空单元格或带有 的单元格，并使用 js 和 jquery 使其可编辑
- 19
单元格分隔重叠重叠单元格iOS
- 20
collectionView单元格重叠
- 21
UITableView单元格重叠
- 22
重叠单元格的轮廓
- 23
如何根据其他单元格值使单元格可编辑
- 24
单击带有反应表的单元格上的“编辑”按钮时如何使行可编辑
- 25
PrimeFaces数据表中的条件单元格编辑
- 26
PrimeFaces数据表中的条件单元格编辑
- 27
如何使用jQGrid编辑表中的单元格？
- 28
VBA编辑受保护工作表中的单元格
- 29
编辑时验证表中的单元格
我来说两句