【在线满意秒采纳】bootstrap-table插件striped设置true无效？

Question

根据官网的文档，慢慢摸索使用，但是遇到一个问题

striped: true,      //是否显示行间隔色

按照文档的介绍，striped设置为true显示行间隔色，但是设置了，依然没有效果，后来通过观察元素变化，发现没有动态添加table-striped这个类名。不知道怎么解决了，请教各位指正。谢谢。

以下是核心代码

$table.bootstrapTable({
    url: '',
    method: 'GET',
    locale: "zh-CN",
    toolbar: "#toolbar",
    striped: true,
    //是否显示行间隔色
    cache: false,
    showRefresh: true,
    showToggle: true,
    showTullscreen: true,
    showColumns: true,
    showColumnsToggleAll: true,
    detailView: true,
    showExport: true,
    showPrint: true,
    showCopyRows: true,
    minimumCountColumns: '2',
    showPaginationSwitch: true,
    pagination: true,
    uniqueId: 'ID',
    pageNumber: 1,
    pageSize: 10,
    pageList: [10, 25, 50],
    sidePagination: 'server',
    queryParams: function(params) {

        var data = {

            rows: params.limit,

        };

        return data;

    },

    onLoadSuccess: function(data) {
        console.log(data);

    },

    onLoadError: function() {

        console.log("数据加载失败！");

    },

});

Answer 1

简单粗暴点，直接在这个table上面把这个行间隔色的class写上去，例如

<table id="table" class="table-striped"></table>