Как убрать пустые строки из jTable jQuery? - PullRequest
Новая
       6

Как убрать пустые строки из jTable jQuery?

0 голосов
/ 05 июня 2018

У меня есть две jTables на моей веб-странице, которая загружает данные из базы данных.Первая jTable извлекает данные непосредственно из базы данных, а вторая таблица загружает свои данные в соответствии с выбранными данными в первой таблице.

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

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

This is the second table which displays empty rows.

Как скрыть или не извлечь, если строки были полностью пустыми в то же время, если в строке есть хотя бы одна запись, которую я хотел отобразить в этой строке.

Я использую Python в конце для извлечения данных.Итак, нужно ли мне вносить изменения в мой код Python или мне нужно вносить изменения в интерфейс jQuery или CSS.

Я пытался использовать jQuery, он не работает должным образом.

Мой первый код jTable: 

$('#SelectCode').jtable({
    selecting: true,
    paging: true,
    actions: {
    listAction:// my back end connection here
    },
    fields: {
        codes: {
            title: 'Code',
        },
        name:{
          title: 'Name',
        },
    },
    selectionChanged: function () {
    var $selectedRows = $('#SelectCode').jtable('selectedRows');
        if ($selectedRows.length > 0) {
            $selectedRows.each(function () {
                var record = $(this).data('record');
                Code = record.event_codes;
               $('#System').jtable('load',{code:(SelectedCode)});

            });
    },
});

Мой второй код jTable: 

    $('#System').jtable({
        selecting: true,
        paging: true,
        actions: {
            listAction:// my back end connection here
        },
        fields: {
            date:{
                title:'Date',
            },
            Time:{
              title:'Time'
            },
    },
});

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

Спасибо,

1 Ответ

0 голосов
/ 05 июня 2018

Я достиг этого, добавив следующую строку кодов в мои поля jTable: 

 display: function(data) {
                   if (data.record.date == null) {
                        $("#System tr").each(function() {
                        var cellText = $.trim($(this).text());
                        if (cellText.length == 0) {
                          $(this).hide();
                            }
                        });
                    }
                    return data.record.date;
                },
...