如何从 jTable jQuery 中删除空行？

Question

我的网页中有两个 jTables，它们从数据库加载数据。第一个 jTable 直接从数据库中获取数据，第二个 table 根据第一个 table 中选择的数据加载它的数据。

我现在面临的问题是，如果第二个 table 没有要获取的数据，则从特定的选定行中，这些行显示为空。

比如我在table1中选择了一个数据，但是由于没有与所选数据相关的数据，所以第二个table显示的是空行。

如果行同时完全为空，如果该行甚至只有一个条目，如何隐藏或不获取我想显示该行。

我在后端使用 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'
            },
    },
});

所以，有人可以帮我如何消除 table 中的空行。

谢谢，

Answer 1

我通过在我的 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;
                },

如何从 jTable jQuery 中删除空行？

How to eliminate the empty rows from the jTable jQuery?

javascript

jquery

jtable

jquery-jtable