Javascript 使用jtable插件创建静态嵌套/子表

是否有人使用jtable插件并在其父表中创建静态嵌套表？在此代码中，$（“#Table TBODY tr td:first child”）选择器在子表加载时不存在，因为他在父表加载之前加载了她的内容，并为他的子表创建了占位符->$（#Table TBODY tr td:first child）选择器。举例来说，这是不一样的

  function loadCaloriestable() {
        var d = $.Deferred();
        $('#Table').jtable({
            paging: true, //Enable paging
            pageSize: 5, //Set page size (default: 10)
            sorting: true, //Enable sorting
            defaultSorting: 'Name ASC', //Set default sorting
            actions: {
                listAction: '/MNR/Fun'
            },
            fields: {
                Total: {
                    title: 'Total',
                    width: '10%'
                },
                Goal: {
                    title: 'Goal',
                    width: '10%'
                },
                Remains: {
                    title: 'Remains',
                    width: '10%'
                },
                //-----------------
                //CHILD TABLE DEFINITION 
                Days: {
                    width: '30%',
                    sorting: false,
                    edit: false,
                    create: false,
                    display: function () {
                        $('#Table').jtable('openChildTable',
                                  $("#Table TBODY tr td:first-child"),
                                {
                                    title: 'Dayssss',
                                    defaultSorting: 'Name ASC', //Set default sorting
                                    actions: {
                                        listAction: '/Patient/Days'
                                    },
                                    fields: {
                                        Day1: {
                                            title: 'Daya',
                                            width: '18%'
                                        },
                                        Day2: {
                                            title: 'Dayy',
                                            width: '18%'
                                        }
                                    }
                                }
                                , function (data) { //opened handler
                                     data.childTable.jtable('load'); 
                                }
                                );
                    }
                }
                //---------------------
            }
        });
        $('#Table').jtable('load');
    }

---

您没有创建要在“天数”字段中显示的内容

Days: {
width: '30%',
sorting: false,
edit: false,
create: false,
display: function (){
    var $img = $("<button title='View Days'></button>");
    $img.click(function(){
        $('#Table').jtable('openChildTable',$img.closest('tr'),{
            title: 'Dayssss',
            defaultSorting: 'Name ASC',
            actions:{
            listAction: '/Patient/Days'
            },
            fields: {
                Day1: {
                    title: 'Daya',
                    width: '18%'
                },
                Day2: {
                    title: 'Dayy',
                    width: '18%'
                }
            }
        },function (data) { //opened handler
            data.childTable.jtable('load'); 
        });
    });
    return $img; //<== Return $img to display in cell
}
}

天：{
宽度：“30%”，
排序：假，
编辑：false，
创建：false，
显示：函数（）{
var$img=$（“”）；
$img.单击（函数（）{
$（'#Table'）.jtable（'openChildTable'，$img.closest（'tr'）{
标题：“Dayssss”，
defaultSorting:“名称ASC”，
行动：{
列表操作：“/Patient/Days”
},
字段：{
第1天：{
标题:"大雅",，
宽度：“18%”
},
第2天：{
标题：“Dayy”，
宽度：“18%”
}
}
}，函数（数据）{//打开的处理程序
data.childTable.jtable（'load'）；
});
});
return$img；//您到底有什么问题？