Jquery 引导表仅水平分隔符不适用
我正在调用一个json脚本来填充我的表,这个脚本运行良好。我只是尝试只使用水平分隔符,根据a,我只需将Jquery 引导表仅水平分隔符不适用,jquery,twitter-bootstrap,bootstrap-table,Jquery,Twitter Bootstrap,Bootstrap Table,我正在调用一个json脚本来填充我的表,这个脚本运行良好。我只是尝试只使用水平分隔符,根据a,我只需将class=“table”添加到我的中,但没有效果。我必须通过jQuery代码来实现这一点吗 jquery $('#table-javascript').bootstrapTable({ method: 'get', url: 'bootstrap_database.php', height: 600, cache: false, striped: tru
class=“table”
添加到我的
中,但没有效果。我必须通过jQuery代码来实现这一点吗
jquery
$('#table-javascript').bootstrapTable({
method: 'get',
url: 'bootstrap_database.php',
height: 600,
cache: false,
striped: true,
pagination: true,
search: true,
pageSize: 20,
pageList: [20, 40, 60, 100, 200],
minimumCountColumns: 2,
clickToSelect: true,
columns: [{
field: 'title',
title: 'Title',
align: 'center',
sortable: true
},{
field: 'audio',
title: 'Audio',
align: 'center',
sortable: true
},{
field: 'sheet1',
title: 'Sheet 1',
align: 'center',
sortable: true
},{
field: 'sheet2',
title: 'Sheet 2',
align: 'center',
sortable: true
},{
field: 'sheet3',
title: 'Sheet 3',
align: 'center',
sortable: true
},{
field: 'lyrics',
title: 'Lyrics',
align: 'center',
sortable: true
},{
field: 'sheet1notes',
title: 'Notes 1',
align: 'center',
sortable: true
},{
field: 'sheet2notes',
title: 'Notes 2',
align: 'center',
sortable: true
},{
field: 'sheet3notes',
title: 'Notes 3',
align: 'center',
sortable: true
}]
});
HTML
<div class="container">
<section>
<div class="row">
<h1>Music</h1>
<table id="table-javascript" class="table"></table>
</div>
</section>
</div>
音乐
您可以将“类别”选项设置为“表格无边框”。看看这个例子: