使用bootstrap-table,无法显示表格内容

问题遇到的现象和发生背景

使用 bootstrap-table 查询文件信息时，无法显示表格内容。数据都已经查到，但是无法显示

问题相关代码，请勿粘贴截图

$('#table').bootstrapTable(
{
method: 'get',
contentType: 'application/x-www-form-urlencoded',//必须要有
url: '../wxInfo/getdata',// 获取表格数据的url
height: tableHeight(),//高度调整
striped: true, //是否显示行间隔色
clickToSelect: true,//是否启用点击选中行
sidePagination: "server", //分页方式：client客户端分页，server服务端分页（）
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（）
uniqueId: "id",//每一行指定唯一标识符
locale: 'zh-CN',//中文支持,
showRefresh: false,//是否启用刷新按钮
search: false,//是否启用搜索框
showColumns: true,//是否显示内容列下拉框。
toolbar: "#toolbar",
toolbarAlign: 'left',
buttonsClass: 'primary',
// dataField: 'ro',//bootstrap table 可以前端分页也可以后端分页，这里
//我们使用的是后端分页，后端分页时需返回含有total：总记录数
//list： 记录集合 键值可以修改
queryParams: t_queryParams,//请求服务器时所传的参数，在index.js中。
pagination: true, //是否显示分页（）
pageNumber: 1, //初始化加载第一页，默认第一页
pageSize: 15, //每页的记录行数（）
queryParamsType: "limit",
pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）
sortOrder: 'desc',
sortName: 'createtime',
columns: [
{checkbox: true},
{title: 'id', field: 'id', visible: false},
{
title: '文件名', field: 'name', align: 'center', valign: 'middle', width: 50,
formatter: function (value, row, index) {
console.log(value);
console.log(row);
if (value == null) {
return "";
} else {
return value;
}
}
},
{title: '大小', field: 'saveUnitName', align: 'center', valign: 'middle', width: 50},
{title: '类型', field: 'phType', align: 'center', valign: 'middle', width: 150},
{title: '创建时间', field: 'createtime', align: 'center', valign: 'middle', width: 150}
],

        responseHandler: function (res) {
            //在ajax获取到数据，渲染表格之前，修改数据源
            console.log(res);
            return {
                "rows": res.list,
                "total": res.total // 数据条数, 用来配置分页
            };
        }, onLoadSuccess(res) {
            console.log(res);
        }
    })

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

显示出表格内容