jQuery.dataTables.js插件的样式问题,急求

数据为空的时候,提示应该是占满居中的,结果短了一截,不知道该怎么调啊

8个回答

检查下数据的列数是不是正确呢。

wojiushiwo945you
毕小宝 回复花生喂龙: 问题解决了吗?是什么原因呢?
2 年多之前 回复
qq_24435837
花生喂龙 回复毕小宝: 我把代码在下面贴出来了,麻烦帮我看一下哈
2 年多之前 回复
wojiushiwo945you
毕小宝 回复花生喂龙: 你的dataTable初始化代码是怎么写的呢?我也用的这个插件的,没出现过这个问题。
2 年多之前 回复
qq_24435837
花生喂龙 数据为空的时候的列数应该是插件自动生成的吧,是少了一列的,rowspan应该等于3的变成了等于2,但有数据的时候是正常的。我在楼下放了图
2 年多之前 回复

才发现的我的图没传上来。。。
图片说明
图片说明

打debugger监测,不知道为什么开始就显示两列,数据加载后又会显示3列图片说明图片说明

图片说明

//初始化表格
function initTable(params) {
table = $("#dataTable").DataTable({
language : lang, //提示信息
searching : false,
ordering : false,
responsive : true,
stateSave : true,
searchDelay : 3000,
tripeClasses: ["odd", "even"],
serverSide: true,
scrollY: "500px", //滚动条
scrollCollapse: "true",
//列表表头字段
columns: columns_arr,
buttons: [],
ajax: function (data, callback, settings) {

$.ajax({
type: "GET",
url: "/report/getData",
cache: false, //禁用缓存
data: {
"page" : (data.start/data.length)+1,
"rows" : data.length,
"reportId" : reportId,
"settingId" : getSettingId(),
"params" : params
},
dataType: "json",
success: function (result) {
//封装返回数据
debugger
var returnData = {};
returnData.draw = data.draw;
returnData.recordsTotal = result.totalRecords;
returnData.recordsFiltered = result.totalRecords;
returnData.data = result.list;//返回的数据列表
console.log(returnData);
callback(returnData);
}
});
}
});
}

//重新获取数据
function change(params){
table.destroy();
initTable(params);
}

您好,iniTable的language参数是控制没有数据时显示的,但是你没有贴。我常用的参数是这样的,你对比看看哪项可能有问题。

  "language": {
            "sProcessing":"加载中...",
            "lengthMenu": "每页显示 _MENU_ 项记录",
            "zeroRecords": "没有找到记录",
            "info": "第 _START_ 到 _END_ 项记录 (共 _TOTAL_ 项记录)",
            "infoEmpty": "没有记录",
            "sInfoFiltered": "(全部记录数 _MAX_ 条)",
            "paginate": {
                "first":      "第一页",
                "last":       "最末页",
                "next":       "下一页",
                "previous":   "上一页"
            }
        }
wojiushiwo945you
毕小宝 回复花生喂龙:你用浏览器的F12,将箭头移动到“表中数据为空”这个单元格,看下它的colspan是不是3,如果是的话,说明是样式的问题,如果不是就不知道是什么原因了。
2 年多之前 回复
qq_24435837
花生喂龙 我先贴出来了,好像不是这个原因
2 年多之前 回复
    language: {
        "processing": "处理中...",
        "lengthMenu": "显示 _MENU_ 项结果",
        "zeroRecords": "没有匹配结果",
        "info": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
        "infoEmpty": "显示第 0 至 0 项结果,共 0 项",
        "infoFiltered": "(由 _MAX_ 项结果过滤)",
        "infoPostFix": "",
        "search": "搜索:",
        "url": "",
        "emptyTable": "表中数据为空",
        "loadingRecords": "载入中...",
        "thousands": ",",
        "paginate": {
            "first": "首页",
            "previous": "上页",
            "next": "下页",
            "last": "末页"
        },
        "aria": {
            "sortAscending": ": 以升序排列此列",
            "sortDescending": ": 以降序排列此列"
        },
        "select": {
            rows: ""
        }
    }

我是因为其他人在项目的模板页引入的js有问题才导致的这种情况。。。。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问