如何消除jTable jQuery中的空行？
如何消除jTable jQuery中的空行？
提问于 2018-06-05 06:35:13
我的网页中有两个jTables，用于从数据库加载数据。第一个jTable直接从数据库获取数据，第二个表根据第一个表中选择的数据加载其数据。
我现在面临的问题是，如果没有要为第二个表提取的数据，则从特定的选定行中提取的行将显示为空。
例如，我在表1中选择了一个数据，但由于没有与所选数据相关的数据，因此第二个表显示了空行。
如果行中只有一个条目，我想要显示该行，那么如何隐藏或不获取这些行。
我在后端使用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
Stack Overflow用户
回答已采纳
发布于 2018-06-05 09:50:41
我通过在我的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;
},页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50689679
复制相关文章
相似问题