Jquery 引导表仅水平分隔符不适用

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

我正在调用一个json脚本来填充我的表,这个脚本运行良好。我只是尝试只使用水平分隔符,根据a,我只需将
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>

音乐

您可以将“类别”选项设置为“表格无边框”。看看这个例子: