当我调用table.setData时,我仅看到前20个(共128个)数据行。如何公开全部128个?我对此没有任何控件。 20行显示下方有很多空白,因此我认为这不是空间问题。当我打开或关闭Chrome开发人员工具时,所有行都会显示,但会折叠。如果我两次按F12(切换开发人员工具),一切都很好。 (这是独立配置,没有其他JavaScript插件。)将附加我的构造函数和(截断的)数据。
Tabulator v4.0.1
Chrome版本61.0.3163.100(正式版本)(64位)
{
"initialSort": [
{
"column": "WillCo_Eff",
"dir": "desc"
},
{
"column": "Which_Eff",
"dir": "desc"
},
{
"column": "VeryVeryVeryLongWay_Eff",
"dir": "desc"
},
{
"column": "Roger_Eff",
"dir": "desc"
},
{
"column": "Over_Eff",
"dir": "desc"
},
{
"column": "Out_Eff",
"dir": "desc"
},
{
"column": "Any_Eff",
"dir": "desc"
}
],
"columnVertAlign": "bottom",
"height": 5180,
"layout": "fitColumns",
"columns": [
{
"title": "Parents",
"columns": [
{
"title": "Any_Eff",
"field": "Any_Eff",
"align": "center",
"sorter": "string",
"headerSort": false
},
{
"title": "Out_Eff",
"field": "Out_Eff",
"align": "center",
"sorter": "string",
"headerSort": false
},
{
"title": "Over_Eff",
"field": "Over_Eff",
"align": "center",
"sorter": "string",
"headerSort": false
},
{
"title": "Roger_Eff",
"field": "Roger_Eff",
"align": "center",
"sorter": "string",
"headerSort": false
},
{
"title": "VeryVeryVeryLongWay_Eff",
"field": "VeryVeryVeryLongWay_Eff",
"align": "center",
"sorter": "string",
"headerSort": false
},
{
"title": "Which_Eff",
"field": "Which_Eff",
"align": "center",
"sorter": "string",
"headerSort": false
},
{
"title": "WillCo_Eff",
"field": "WillCo_Eff",
"align": "center",
"sorter": "string",
"headerSort": false
}
]
},
{
"title": "Multi_1_Eff",
"width": 150,
"columns": [
{
"title": "T",
"field": "pTrue",
"align": "center",
"headerSort": false
},
{
"title": "<i>F</i>",
"field": "pFalse",
"align": "center",
"headerSort": false
}
]
},
{
"title": "Belief",
"columns": [
{
"title": "odds",
"field": "odds",
"align": "center",
"headerSort": false
},
{
"title": "log<sub>2</sub> odds",
"field": "log2odds",
"align": "center",
"headerSort": false
}
]
}
]
}
foo.js:273
[
{
"id": 0,
"pTrue": 0.9,
"pFalse": 0.09999999999999998,
"odds": 9.000000000000002,
"log2odds": 3.1699250014423126,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "T"
},
{
"id": 1,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "F"
},
{
"id": 2,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "F",
"WillCo_Eff": "T"
},
{
"id": 3,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "F",
"WillCo_Eff": "F"
},
{
"id": 4,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "T",
"WillCo_Eff": "T"
},
{
"id": 5,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "T",
"WillCo_Eff": "F"
},
{
"id": 6,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "F",
"WillCo_Eff": "T"
},
{
"id": 7,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "F",
"WillCo_Eff": "F"
},
{
"id": 8,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "T"
},
{
"id": 9,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "F"
},
{
"id": 10,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "F",
"WillCo_Eff": "T"
},
{
"id": 11,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "F",
"WillCo_Eff": "F"
},
{
"id": 12,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "T",
"WillCo_Eff": "T"
},
{
"id": 13,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "T",
"WillCo_Eff": "F"
},
{
"id": 14,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "F",
"WillCo_Eff": "T"
},
{
"id": 15,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "T",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "F",
"WillCo_Eff": "F"
},
{
"id": 16,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "T"
},
{
"id": 17,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "F"
},
{
"id": 18,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "F",
"WillCo_Eff": "T"
},
{
"id": 19,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "F",
"WillCo_Eff": "F"
},
{
"id": 20,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "T",
"WillCo_Eff": "T"
},
{
"id": 21,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "T",
"WillCo_Eff": "F"
},
{
"id": 22,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "F",
"WillCo_Eff": "T"
},
{
"id": 23,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "F",
"WillCo_Eff": "F"
},
{
"id": 24,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "T"
},
{
"id": 25,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "F"
},
{
"id": 26,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "F",
"WillCo_Eff": "T"
},
{
"id": 27,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "F",
"WillCo_Eff": "F"
},
{
"id": 28,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "T",
"WillCo_Eff": "T"
},
{
"id": 29,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "T",
"WillCo_Eff": "F"
},
{
"id": 30,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "F",
"WillCo_Eff": "T"
},
{
"id": 31,
"pTrue": 0,
"pFalse": 1,
"odds": 0,
"log2odds": null,
"Any_Eff": "T",
"Out_Eff": "T",
"Over_Eff": "F",
"Roger_Eff": "F",
"VeryVeryVeryLongWay_Eff": "F",
"Which_Eff": "F",
"WillCo_Eff": "F"
},
{
"id": 32,
"pTrue": 0.1125,
"pFalse": 0.8875,
"odds": 0.1267605633802817,
"log2odds": -2.9798221180623696,
"Any_Eff": "T",
"Out_Eff": "F",
"Over_Eff": "T",
"Roger_Eff": "T",
"VeryVeryVeryLongWay_Eff": "T",
"Which_Eff": "T",
"WillCo_Eff": "T"
}
]
答案 0 :(得分:0)
您似乎已将表格高度设置为5180px的巨大值,因此它可能溢出了容器的高度。
如果将其设置为较小的值(例如300),或者将其设置为“ 100%”,则它将仅占用那么多空间,并且会出现滚动条。
"height": 300,
或
"height": "100%",
或者,如果您想处理滚动行为(如果您未指定高度),则将采用表中所有行的全高。
答案 1 :(得分:0)
请参阅Oli Folkerd的评论-问题是在创建表时该表的DOM元素不可见。