удалить «Обработка» вместо «Скрыть»

Question

Когда мы начинаем сортировку или другие данные, в параметрах таблицы есть возможность показать сообщение «Процесс». Все в порядке, только когда скрывается «Обработка», остается место для размещения «Обработки». Таким образом, html-таблица спрыгивает вниз при обработке, показывая затем, когда данные были загружены, при обработке скрывается html-таблица, но html-таблица не поднимается обратно, поэтому для нее остается видимое место. Вопрос, как сделать datatable удалить тег Processing вместо того, чтобы просто скрывать. Спасибо

EDIT. Я добавляю html код

<div id="search_table_processing" class="dataTables_processing" style="visibility: hidden;">Processing...<img alt="&lt; &lt;" src="/themes/third_party/linkedin_search/img/165.gif"></div>

Answer 1

Хорошо, Драт, я просто столкнулся с этим, и мне пришлось самому в него копаться.

В версии 1.9.0 вы можете искать этот фрагмент:

an[i].style.visibility = bShow ? "visible" : "hidden";

(найдено после поиска visibility.)

В минимизированной версии это сейчас (с помощью пакета NuGet):

c[d].style.visibility=b?"visible":"hidden";

Проблема в том, что мы пренебрегли стилем .dataTables_processing согласно образцам CSS-файлов. Вот что имеет один из образцов для укладки:

.dataTables_processing {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 11px;
    padding: 2px 0;
}

После стилизации (или для bProcessing установлено значение false) проблем не должно быть.

Если вам удобно изменять функциональность плагина (если вы думаете, что можете забыть изменить его обратно), то вы можете переключить его на использование дисплея вместо видимости.

Answer 2

В случае, если вы используете Internationalization - атрибут «oLanguage» в конструкторе datatables

замените старое значение sProcessing на это в файле локализации, чтобы поместить пользовательское изображение во время обработки:

"sProcessing":   "<img src='/themes/third_party/linkedin_search/img/165.gif'/>",

и вот как вы связываете свои таблицы данных с файлом локализации (который можно загрузить с веб-сайта datatables Интернационализация таблиц данных ).,.

        "oLanguage": {
           "sUrl": "../../jQuery/dataTables/media/MyLanguageFilesFolder/en_US.txt"
         }

.,.

Если вы не используете интернационализацию таблиц данных, вы всегда можете установить значение "sProcessing" с предложенным выше ...

вот пример:

$(document).ready(function() {
$('#example').dataTable( {
    "oLanguage": {
        "sProcessing": "<img src='/themes/third_party/linkedin_search/img/165.gif'>"
    }
} );

});

Answer 3

Изменение

    an[i].style.visibility = bShow ? "visible" : "hidden";

на

    an[i].style.display = bShow ? "block" : "none";

у меня не сработало.Однако я достиг этого, изменив выражение на

    if (bShow == false) {
          an[i].style.display = "none";
    }
    else {
       an[i].style.display = "block";
    }

Надеюсь, это поможет всем, кто не хочет добавлять какой-либо код CSS и просто перейти к исходному тексту!

Answer 4

Для Datatables версии 1.9.4, просто отредактируйте файл jquery.dataTables.js в строке 3005 и измените следующее:

an[i].style.visibility = bShow ? "visible" : "hidden";"block" : "none";  

на

an[i].style.display = bShow ? 

Работало для меня!

Answer 5

Если вы хотите, чтобы текст исчез, а фон должен быть, почему бы просто не добавить:

div.dataTables_processing {цвет: прозрачный; }