避免在引导程序3表中换行
Avoid wrapping to a new line in the bootstrap 3 tables
我在引导程序的弹出窗口中动态放置一个html表:
html弹出占位符:
<button
id="holder"
type="button"
class="btn btn-link btn-lg"
data-toggle="popover"
>Images info</button>
javascript:
function getTab()
{
var tab = $('<table class="table table-condensed table-hover"' +
'style="margin-top: 20px;"></table>');
tab
.append($('<tr></tr>')
.append($('<td></td>').text('Number of images:'))
.append($('<td ></td>').text(100000)) )
.append($('<tr></tr>')
.append($('<td></td>').text('Images data type:'))
.append($('<td ></td>').text('unsigned char (8 bit)')) )
.append($('<tr></tr>')
.append($('<td></td>').text('Images format type:'))
.append($('<td ></td>').text('grascale mono')) );
return tab;
}
$('#holder').popover(
{
trigger: 'click',
html: 'true',
placement: 'bottom',
}
);
$('#holder').data('bs.popover').options.content = getTab();
一切都很好(见这里-http://jsfiddle.net/JJQS9/192),但我需要将中的每个表行渲染为一行,而不需要换行。我试图扩大popover的宽度:
.popover
{
width: 500px;
}
但这没有效果。
您需要覆盖已设置为276 px
的popover
上的max-width
属性。
.popover {
max-width:500px;
}
示例:
http://jsfiddle.net/JJQS9/193/
相关文章:
- 如何在映射数组中添加换行符
- Html引导程序警报自动关闭困难
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- Twitter引导程序Typeahead-Id&标签
- 引导程序/基础堆叠行/列
- 避免在引导程序3表中换行
- Twitter引导程序3-导航栏固定顶部-多行时重叠内容
- 从引导程序3删除模式向laravel控制器传递行id
- 使用可能的字段编辑器打开新表中的引导程序表行
- 引导程序 3:行堆叠顺序
- 将选定的数据行传递到模式引导程序中
- 如何使用引导程序在一行中存在 3 个缩略图后创建新行
- 引导程序菜单换行
- 在引导程序行中垂直居中按钮
- 在引导程序窗体中单击时添加行
- php删除带有引导程序下拉菜单的复选框行
- 谷歌应用程序脚本字符串中的神秘换行符
- 编辑引导程序表中的行
- 在引导程序弹出窗口中显示光滑的网格行编辑器
- 可以't从表行上的按钮获取引导程序按钮ID