javascript - 如何在 bootstrapTable 中渲染自定义 html，但使用 sidePagination 和 url 时？

Question

我正在使用https://github.com/wenzhixin/bootstrap-table在某些项目上。 我发现这真的很容易使用和实现分页。但是，我对不同行中的自定义 html 有一些问题。这只是代码的和平。

$('#selector').bootstrapTable({

    pagination: true,
    url : some_rest_url,
    sidePagination: 'server',
    onLoadSuccess: function (res) {
        var data_ = [];
        var rows = res.rows;

        for (var i =0; i < rows.length; i ++) {
            var data = {};
            var item = rows[i];
            $.each(item, function (key, value) {
                if (key == "cost") value = "< span class="cl" >"currency + " " + parseFloat(value).formatNumber(2, '.', ',')."< / span >";
               //and so on some more styling and formatting for other elements/columns of table
               data[key] = value;
           });
           data_.push(data);
    }
    $('#selector').bootstrapTable("load", data_);

因此表应该有一列，并且每一行中的 span 元素都具有该类，但这种情况没有发生。 我只有来自 boostrapTable 默认加载的默认纯文本数据(json 数据)。

顺便说一句，当使用普通的 ajax 调用而不是默认的 boostrapTable 分页时，一切都很好，但随后我必须进行自定义分页(并且使用 sidePagination = client 是错误的，并且当有 1000 条记录时工作速度很慢)。

Answer 1

浪费了几个小时后，解决方案是对列使用格式化程序。例如:

field: 'column_name',
formatter: operateFormatter

function operateFormatter(value, row, index){
//value is text from json
//row is all values from json for that row
}

这样，代码就会更加清晰。