如何在引导程序子表中隐藏标题
How to hide headers in bootstrap subtables
我正在尝试自定义这个fiddle中的代码https://jsfiddle.net/dabros/vuLj1bcb/
var $table = $('#table');
$(function() {
$table.bootstrapTable({
columns: [{
field: 'col1',
title: 'Col1'
}, {
field: 'col2',
title: 'Col2'
}],
data: data,
detailView: true,
onExpandRow: function(index, row, $detail) {
console.log(row)
$detail.html('<table></table>').find('table').bootstrapTable({
columns: [{
field: 'col3',
title: 'Col3'
}, {
field: 'col4',
title: 'Col4'
}, {
field: 'col5',
title: 'Col5'
}],
data: row.nested,
// Simple contextual, assumes all entries have further nesting
// Just shows example of how you might differentiate some rows, though also remember row class and similar possible flags
detailView: row.nested[0]['other'] !== undefined,
onExpandRow: function(indexb, rowb, $detailb) {
$detailb.html('<table></table>').find('table').bootstrapTable({
columns: [{
field: 'col6',
title: 'Col6'
}, {
field: 'col7',
title: 'Col7'
}],
data: rowb.other
});
}
});
}
});
});
从而不显示子表的标题。很明显,我必须在标题中使用类似"display:none"的内容,但我不知道在哪里进行更改。知道吗?
在文档中:
http://bootstrap-table.wenzhixin.net.cn/documentation/
有一个选项showHeader
可以设置为false
表选项在jQuery.fn.bootstrapTable.defaults
中定义
由于您可能想要使用他们的CDN,因此可以在表的thead
元素上添加display: none
相关文章:
- 滚动定位时隐藏标题
- 为什么竞争不能在离子中显示(隐藏在标题下方)(离子竞争不能正常工作)
- 如何在引导程序子表中隐藏标题
- 在生成的标题列表中隐藏项目符号
- Javascript Highcharts v3.0.5-如何在使用多个Y轴时隐藏Y轴标题
- 如何使用javascript移除/隐藏、更改输入按钮的标题
- 播放视频时如何隐藏标题
- 悬停图像时是否可以隐藏标题
- 如何从角度控制器隐藏标题标签
- 基于选定的页面在angularjs中显示/隐藏标题徽章
- 如何在显示/隐藏项目后重新初始化多个粘滞标题
- AngularJs 在 ng-repeat 中显示/隐藏子标题
- 在花式盒子 2.x 中显示/隐藏标题不可靠
- Jquery在选择另一个图像时隐藏标题-包括jsFiddle
- 在html中自动隐藏标题
- Angular在向下滚动时隐藏标题,在向上滚动时显示
- 如何为带有图片的单选按钮设置显示和隐藏标题
- 如何隐藏标题?同时保持“标题”.值,当鼠标在“谷歌地图标记”上时
- 更新:增加更多的控制:隐藏标题上的滚动和工作从一定的宽度大小
- 制作可拖动的jquery对话框,隐藏标题栏