Таблица данных Jquery не работает должным образом после добавления метатегов - PullRequest
Новая
       10

Таблица данных Jquery не работает должным образом после добавления метатегов

0 голосов
/ 17 сентября 2018

У меня есть веб-сайт, который должен реагировать на мобильные телефоны.Я создал его, используя мой рабочий стол.Когда я настраиваю окна браузера, он отлично работает для мобильного телефона, но когда я проверяю его на своем реальном мобильном телефоне, он не реагирует на просмотр с мобильного телефона.

После добавления следующей строки: 

<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);
                    }
                });
}

.Когда я вызываю back-end действие, данные таблицы заголовков не загружаются должным образом.Табличка данных первого времени enter image description here.

, когда я передал значение на сервер после перезагрузки заголовок таблицы данных не загружается должным образом enter image description here

Я проверил элемент проверки, затем увидел, что автоматически устанавливает этот стиль для заголовков 

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

Как мне избежать этого?

1 Ответ

0 голосов
/ 17 сентября 2018

Переопределить текущий стиль при каждом обновлении страницы, используя следующие стили класса. 

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