v-datatable-light/tests/mock/datatable.mock.json

A lightweight vue datatable component with no dependencies

{
  "minimum": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name" }
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ]
  },
  "sortable": {
    "headerFields" : [
      { "name": "id" },
      { "name": "name", "sortable": true }
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ]
  },
  "customElement": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "customElement": true }
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ]
  },
  "customHeader": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "customHeader": true }
    ],
    "data": [
      {
        "id": 4,
        "name": "test"
      }
    ]
  },
  "rowsCss": {
    "rowsCss":["row-1", "row-test"],
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "customHeader": true },
      { "name": "city", "label": "City" }
    ],
    "data": [
      {
        "id": 5,
        "name": "Lucca",
        "city": "Perth"
      }
    ]
  },
  "checkboxes": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "customElement": true },
      { "name": "name_2", "customHeader": true },
      "__slot:checkboxes"
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ]
  },
  "checkboxesSelect": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "customElement": true },
      { "name": "name_2", "customHeader": true },
      "__slot:checkboxes"
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      },
      {
        "id": 39,
        "name": "test 2"
      }
    ]
  },
  "checkboxesTrackBy": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "customElement": true },
      { "name": "name_2", "customHeader": true },
      "__slot:checkboxes"
    ],
    "data": [
      {
        "__UIID": 47,
        "name": "test"
      },
      {
        "__UIID": 39,
        "name": "test 2"
      }
    ]
  },
  "actions": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "customElement": true },
      { "name": "name_2", "customHeader": true },
      "__slot:actions"
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ]
  },
  "actionsID": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "customElement": true },
      { "name": "name_2", "customHeader": true },
      "__slot:actions:ActionID",
      "__slot:actions"
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ]
  },
  "isLoading": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name" }
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ],
    "isLoading": true
  },
  "sortField": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "sortable": true }
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ],
    "sortField": "name",
    "sort": "asc"
  },
  "notFoundMsg": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "sortable": true }
    ],
    "data": [],
    "notFoundMsg": "nothing found"
  },
  "cssStructure": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "sortable": true },
      "__slot:checkboxes"
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ],
    "css": {
      "table": "table-test",
      "thead": "thead-test",
      "theadTr": "thead-tr-test",
      "theadTh": "thead-th-test",
      "tbody": "tbody-test",
      "tbodyTr": "tbody-tr-test",
      "tbodyTrSpinner": "tbody-tr-spinner-test",
      "tbodyTd": "tbody-td-test",
      "tbodyTdSpinner": "tbody-td-spinner-test",
      "tfoot": "tfoot-test",
      "tfootTd": "tfoot-td-test",
      "tfootTr": "tfoot-tr-test",
      "footer": "footer-test",
      "thWrapper": "th-wrapper-test",
      "thWrapperCheckboxes": "th-wrapper-checkboxes-test",
      "arrowsWrapper": "arrows-wrapper-test",
      "arrowUp": "arrow-up-test",
      "arrowDown": "arrow-down-test",
      "checkboxHeader": "checkbox-header-test",
      "checkbox": "checkbox-test",
      "notFoundTr": "not-found-tr-test",
      "notFoundTd": "not-found-td-test"
   }
  },
  "tableHeight": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name" }
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ],
    "tableHeight": "400px"
  },
  "tableHeightWidth": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "name", "width": "100px" }
    ],
    "data": [
      {
        "id": 47,
        "name": "test"
      }
    ],
    "tableHeight": "400px"
  },
  "onlyShowOrderedArrow": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "firstName", "label": "First Name", "sortable": true },
      { "name": "lastName", "label": "Last Name", "sortable": true },
      { "name": "city", "label": "City", "sortable": true }
    ],
    "sort": "asc",
    "sortField": "firstName",
    "onlyShowOrderedArrow": true,
    "data": [
      {
        "id": 47,
        "firstName": "John",
        "lastName": "Malven",
        "city": "Sydney"
      },
      {
        "id": 39,
        "firstName": "Ollie",
        "lastName": "Wellington",
        "city": "Melbourne"
      }
    ]
  },
  "onlyShowOrderedArrowLastName": {
    "headerFields" : [
      { "name": "id", "label": "Indentification" },
      { "name": "firstName", "label": "First Name", "sortable": true },
      { "name": "lastName", "label": "Last Name", "sortable": true },
      { "name": "city", "label": "City", "sortable": true }
    ],
    "sort": "desc",
    "sortField": "lastName",
    "onlyShowOrderedArrow": true,
    "data": [
      {
        "id": 47,
        "firstName": "John",
        "lastName": "Malven",
        "city": "Sydney"
      },
      {
        "id": 39,
        "firstName": "Ollie",
        "lastName": "Wellington",
        "city": "Melbourne"
      }
    ]
  }
}