Выставить больше строк?

Question

Я вижу только первые 20 (из 128) строк данных, когда я вызываю table.setData.Как я могу выставить все 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"
  }
]

Answer 1

См. Комментарий Оли Фолкерда: проблема заключалась в том, что элемент DOM таблицы не был виден при создании таблицы.

Answer 2

Вы, похоже, установили высоту таблицы на огромное значение 5180 пикселей, поэтому она, вероятно, превысила высоту контейнера.

Если вы установите меньшее значение, скажем, 300, или вы установили егодо «100%», тогда он займет только столько места и появится полоса прокрутки.

"height": 300,

или

"height": "100%",

В качестве альтернативы, если вы хотите обработать поведение прокруткиесли вы не укажете высоту, она займет всю высоту всех строк в таблице.