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

yiurenmayiurenma 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.