添加元标记后，Jquery数据表无法正常工作

我有一个网站，必须为手机响应。我已经用我的桌面创建了它。当我调整浏览器窗口时，它在手机上运行得非常好，但当我在我的真实手机上查看时，它对手机视图没有响应

在我添加以下行之后：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user- 
  scalable=no">

此元数据用于jsp页面
之后我的网站响应手机。但添加此元标记后，jQuery数据表无法正常工作。 所以我的问题是我怎样才能同时处理这两件事

这是我的数据表代码

      function loaddatatable(rows, page, username, merchantId, status, search) {

                var table = $('#table1').DataTable({
                    dom: '<"toolbar">frtip',
                    paging: false,
                    info: false,
                    bDestroy: true,
                    order: [],
                    sort: "position",
                    searching: false,
                    responsive: true,
                    sAjaxSource: "ListMerchant.blb?rows=" + rows + "&page=" + page + "&userName="
                            + username + "&merchantId=" + merchantId + "&status=" + status + "&search=" + search + "",


                    columnDefs: [
                        {
                            "title": "Merchant Id",
                            "mData": "merchantId",
                            "targets": 0
                        },
                        {
                            "title": "User Name",
                            "mData": "userName",
                            "targets": 1
                        }, {
                            "title": "Channel Type",
                            "mData": "channeltype",
                            "targets": 2
                        }, {
                            "title": "User Name",
                            "mData": "channeltype",
                            "targets": 3
                        }, {
                            "title": "Status",
                            "mData": "status",
                            "targets": 4
                        }, {
                            "title": "Active/Deactive",
                            "render": function(data, type, full, meta) {
                                tablelenght = full.fullCount;
                                return actdectformatter(full);
                            },
                            "targets": 5
                        }, {
                            "title": "Password Reset",
                            "render": function(data, type, full, meta) {
                                return pwresetformatter(full);
                            },
                            "targets": 6
                        }, {
                            "title": "Edit",
                            "render": function(data, type, full, meta) {
                                return editformatter(full);
                            },
                            "targets": 7
                        },
                        {
                            "title": "Assign Transaction",
                            "render": function(data, type, full, meta) {
                                return assigntxnformatter(full);
                            },
                            "targets": 8
                        }

                    ], initComplete: function(settings, json) {
                        tablelenght = json.total;
                        var pagecount = parseInt($('#page').val());
                        var row = parseInt($('#row').val());
                        var end = pagecount * row;
                        var start = (pagecount * row) - row;
                        if (end > tablelenght) {
                            end = tablelenght;
                        }
                        var maxpage = Math.ceil(tablelenght / row);
                        $('#tablelength').html(tablelenght);
                        $('#maxpage').html(maxpage);
                        $('#start').html(start);
                        $('#end').html(end);
                    }
                });
}

函数加载数据表（行、页、用户名、商品、状态、搜索）{
变量表=$（'#表1'）。数据表({
dom:'frtip'，
分页：false，
信息：错，
是的，
订单：[]，
排序：“位置”，
搜索：假，
回答：是的，
sAjaxSource:“ListMerchant.blb？rows=“+rows+”&page=“+page+”&userName=”
+username+“&merchantId=“+merchantId+”&status=“+status+”&search=“+search+”，
columnDefs：[
{
“标题”：“商户Id”，
“mData”：“merchantId”，
“目标”：0
},
{
“标题”：“用户名”，
“mData”：“用户名”，
“目标”：1
}, {
“标题”：“频道类型”，
“mData”：“channeltype”，
“目标”：2
}, {
“标题”：“用户名”，
“mData”：“channeltype”，
“目标”：3
}, {
“头衔”：“地位”，
“mData”：“状态”，
“目标”：4
}, {
“标题”：“活动/非活动”，
“呈现”：函数（数据、类型、完整、元）{
TableLength=full.fullCount；
返回actdectformatter（完整）；
},
“目标”：5
}, {
“标题”：“密码重置”，
“呈现”：函数（数据、类型、完整、元）{
返回pwresetformatter（完整）；
},
“目标”：6
}, {
“标题”：“编辑”，
“呈现”：函数（数据、类型、完整、元）{
返回editformatter（完整）；
},
“目标”：7
},
{
“标题”：“分配交易”，
“呈现”：函数（数据、类型、完整、元）{
返回TXN信息格式（完整）；
},
“目标”：8
}
]，initComplete:function（设置，json）{
tablenght=json.total；
var pagecount=parseInt（$（'#page'）.val（））；
var row=parseInt（$（'#row'）.val（））；
var end=页面计数*行；
var start=（页面计数*行）-行；
如果（结束>表格长度）{
结束=工作台长度；
}
var maxpage=Math.ceil（表长/行）；
$（'#tablelength'）.html（tablelength）；
$（'#maxpage'）.html（maxpage）；
$（'#start'）.html（start）；
$（'#end'）.html（end）；
}
});
}

首次正确加载数据表。调用后端操作时，数据表标题未正确加载。第一次数据表

当我在重新加载数据表头后向后端提交值时，无法正确加载

我已经检查了inspect元素，然后我看到自动为标题设置了这种样式

<th class="sorting" tabindex="0" aria-controls="table12" rowspan="1" colspan="1" style="width: 0px; display: none;" aria-label="User Name: activate to sort column ascending">User Name</th>  

用户名

---

如何避免这种情况？？？

在每次页面刷新时使用以下类样式覆盖当前样式

<style>
            .sorting{
                display: table-cell !important;
            }
        </style>

.分类{
显示：表格单元格！重要；
}

谢谢@Darshana Thennakoon