Question

我正在调用一个填充我的表的json脚本，它工作正常。我只想尝试仅使用水平分隔符，并且根据this，只需将class="table"添加到<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>

Answer 1

您可以将table选项设置为table table-no-bordered。请看这个例子：http://issues.wenzhixin.net.cn/bootstrap-table/#options/no-bordered.html。

bootstrap表只有水平分隔符不适用

1 个答案: