获取 FooTable 的当前扩展行选择器

Question

我正在使用 FooTable 来显示 tables 并且喜欢该对象的响应功能。在我的 table 中，我有一些 fields/cells 是空白的，并且想在扩展 FooTable 行时隐藏它们。现在它显示标签，然后在它旁边显示一个空白元素。我想隐藏那些空白的元素，我想我想在 FooTable 事件中这样做 "footable_row_detail_updating"，我想我需要语法或方法来获取当前选定的行。

我将如何获得 jQuery 选择器到 FooTable 中当前展开的行，或者我是否忽略了一些可能更容易的事情。

Answer 1

无需选择当前行并修改其详细信息行的内容，您可以直接插入 createDetail 函数并在那里进行操作。

例如，以下内容在调用创建明细行 (footable.options.createDetail) 的实际函数之前过滤掉具有空白值的明细数据。

$('.footable').footable({
    createDetail: function (element, data, createGroupedDetail, separatorChar, classes) {
        var filteredData = $.grep(data, function (prop) {
            return prop.value !== ''
        });
        footable.options.createDetail(element, filteredData, createGroupedDetail, separatorChar, classes)
    }
})

您可以在同一功能中做更多事情。例如，如果 filteredData 中没有任何内容，您可以将文本设置为 "No detailed data" 而不是调用 footable.options.createDetail。像

$(element).text("No detailed data")

元素是包含所有明细行信息的 div。

获取 FooTable 的当前扩展行选择器

Getting the current expanded row selector of a FooTable

jquery

footable