The table td bottom line keep short when I use the column visible function
The table td bottom line keep short when I use the column visible function
yiurenma
Posts: 7Questions: 4Answers: 0
As the attachment picture show, when I use the column visible button to make the column visible or non-visible, the table td bottom line keep short . I have checked that my css do not cause this. Below is the my import css js file and my table js content. Is there any solution for that ?
<script type="text/javascript" src="common-tools/jQuery-2.2.3/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="common-tools/Bootstrap-3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="common-tools/DataTables-1.10.12/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="common-tools/DataTables-1.10.12/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="common-tools/Buttons-1.2.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="common-tools/Buttons-1.2.2/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="common-tools/Buttons-1.2.2/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="common-tools/Buttons-1.2.2/js/buttons.bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="common-tools/Bootstrap-3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="common-tools/Buttons-1.2.2/css/buttons.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="common-tools/DataTables-1.10.12/css/dataTables.bootstrap.min.css">
memberShipTable = $('#example').DataTable({
"dom": "fBtlp",
"serverSide": true,
"scrollX": 200,
"lengthMenu": [10, 20, 30],
"ordering": false,
"ajax": {
"url": apiEntry,
"dataType": "json",
"type": "post",
"data": function(d) {
draw = d.draw;
if ($(".input-sm").val()) {
var dataTableParams = {
"mStId": "0000000",
"content": $(".input-sm").val(),
"rfmLevel": "1"
};
return $.extend(dataTableParams, getDataTableParams(d, "post", "/clCrm/api/crm/users/table/datas/search"));
} else {
var dataTableParams = {
"mStId": "0000000",
"orderBy": "cLastTime"
};
return $.extend(dataTableParams, getDataTableParams(d, "post", "/clCrm/api/crm/users/table/datas/all"));
}
},
"dataFilter": function(data) {
data = jQuery.parseJSON(data);
var result = {};
result.draw = draw;
if (data.page) {
result.recordsTotal = data.page.totalCount;
result.recordsFiltered = data.page.totalCount;
result.data = data.dataList;
} else {
result.recordsTotal = data.dataList.length;
result.recordsFiltered = data.dataList.length;
result.data = data.dataList;
}
return JSON.stringify(result);
},
error: function(msg) {
alert("失败了");
}
},
"buttons": [{
"extend": "csvHtml5",
"text": "导出CVS",
"CharSet": "utf8",
"bom": true
}, {
"extend": "colvis",
"text": "选择列"
}],
"columns": [{
"data": "telephone"
}, {
"data": "patientName"
}, {
"data": "customTagStr"
}, {
"data": "rfmLevel"
}, {
"data": "cLastDays"
}, {
"data": "cCount"
}, {
"data": "cTotalMoney"
}, {
"data": "cUnitPrice"
}, {
"data": "cLastStoreName"
}, {
"data": "diseaseStr"
}, {
"data": "hLastDays"
}, {
"data": "hCount"
}, {
"data": "hLastStoreName"
}],
"oLanguage": {
"sLengthMenu": "每页显示数量 _MENU_ ",
"sZeroRecords": "对不起,查询不到任何相关数据",
"sSearch": '',
"sEmptyTable": "未有相关数据",
"oPaginate": {
"sPrevious": "<img src='images/ic_left.png'>",
"sNext": "<img src='images/ic_right.png'>"
}
}
});
This discussion has been closed.