公开更多行?

时间:2018-10-02 20:15:22

标签: tabulator

当我调用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"
  }
]

2 个答案:

答案 0 :(得分:0)

您似乎已将表格高度设置为5180px的巨大值,因此它可能溢出了容器的高度。

如果将其设置为较小的值(例如300),或者将其设置为“ 100%”,则它将仅占用那么多空间,并且会出现滚动条。

"height": 300,

"height": "100%",

或者,如果您想处理滚动行为(如果您未指定高度),则将采用表中所有行的全高。

答案 1 :(得分:0)

请参阅Oli Folkerd的评论-问题是在创建表时该表的DOM元素不可见。