app/javascript/spec/prov-grid/__snapshots__/prov-grid.spec.js.snap
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ProvGrid component should render prov_ds_grid table 1`] = `
<ProvGrid
initialData={
Object {
"field": "environment__placement_ds_name",
"fieldId": "environment__placement_ds_name",
"headers": Array [
Object {
"header_text": "Name",
"sort_choice": "name",
"sort_data": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
"text": "Name",
},
Object {
"header_text": "Free Space",
"sort_choice": "free_space",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Free Space",
},
Object {
"header_text": "Total Space",
"sort_choice": "total_space",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Total Space",
},
Object {
"header_text": "Storage Clusters",
"sort_choice": "storage_clusters",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Storage Clusters",
},
],
"recordId": 21,
"rows": Array [
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "0",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "1",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "2",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "3",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "4",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "5",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "6",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "7",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "8",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
],
"clickable": true,
"id": "9",
},
],
"selected": "5",
"spec": true,
"type": "ds",
}
}
>
<div
className="prov_grid_item"
>
<MiqDataTable
gridChecks={
Array [
"5",
]
}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Free Space",
"key": "Free Space",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Total Space",
"key": "Total Space",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Storage Clusters",
"key": "Storage Clusters",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
mode="prov-ds-grid-data-table"
onCellClick={[Function]}
onSort={[Function]}
pageOptions={
Object {
"page": 1,
"pageSize": 20,
"pageSizes": Array [
5,
10,
20,
50,
100,
200,
],
"totalItems": 10,
}
}
rowCheckBox={false}
rows={
Array [
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "0",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "1",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "2",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "3",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "4",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "5",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "6",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "7",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "8",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "9",
},
]
}
showPagination={false}
size="lg"
sortable={true}
stickyHeader={false}
truncateText={true}
>
<div
className="miq-data-table prov-ds-grid-data-table"
>
<DataTable
filterRows={[Function]}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Free Space",
"key": "Free Space",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Total Space",
"key": "Total Space",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Storage Clusters",
"key": "Storage Clusters",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
isSortable={true}
locale="en"
overflowMenuOnHover={true}
rows={
Array [
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "0",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "1",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "2",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "3",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "4",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "5",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "6",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "7",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "8",
},
Object {
"Free Space": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"Storage Clusters": Object {
"text": "cell_text_3",
},
"Total Space": Object {
"text": "cell_text_2",
},
"clickable": true,
"id": "9",
},
]
}
size="lg"
sortDirection="ASC"
sortRow={[Function]}
stickyHeader={false}
translateWithId={[Function]}
>
<Table
isSortable={true}
overflowMenuOnHover={true}
size="lg"
stickyHeader={false}
>
<div
className="bx--data-table-content"
>
<table
className="bx--data-table bx--data-table--lg bx--data-table--sort bx--data-table--no-border"
>
<TableHead>
<thead>
<TableRow>
<tr>
<TableHeader
className="miq-data-table-header"
isSortHeader={true}
isSortable={true}
key="Name"
onClick={[Function]}
scope="col"
sortDirection="DESC"
translateWithId={[Function]}
>
<th
aria-sort="descending"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-15"
style={
Object {
"display": "none",
}
}
>
Click to unsort rows by Name header
</div>
<button
aria-describedby="table-sort-15"
className="miq-data-table-header bx--table-sort bx--table-sort--active bx--table-sort--ascending"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Name
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Free Space"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-16"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Free Space header in ascending order
</div>
<button
aria-describedby="table-sort-16"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Free Space
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Total Space"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-17"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Total Space header in ascending order
</div>
<button
aria-describedby="table-sort-17"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Total Space
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Storage Clusters"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-18"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Storage Clusters header in ascending order
</div>
<button
aria-describedby="table-sort-18"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Storage Clusters
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
</tr>
</TableRow>
</thead>
</TableHead>
<TableBody
aria-live="polite"
>
<tbody
aria-live="polite"
>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="0"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="1"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="2"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="3"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="4"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row bx--data-table--selected"
disabled={false}
isExpanded={false}
isSelected={false}
key="5"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<tr
className="clickable-row bx--data-table--selected"
disabled={false}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="6"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="7"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="8"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="9"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Free Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Total Space"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Free Space",
"info": Object {
"header": "Free Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Total Space",
"info": Object {
"header": "Total Space",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Storage Clusters",
"info": Object {
"header": "Storage Clusters",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Storage Clusters"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
</tbody>
</TableBody>
</table>
</div>
</Table>
</DataTable>
</div>
</MiqDataTable>
</div>
</ProvGrid>
`;
exports[`ProvGrid component should render prov_host_grid table 1`] = `
<ProvGrid
initialData={
Object {
"field": "environment__placement_host_name",
"fieldId": "environment__placement_host_name",
"headers": Array [
Object {
"header_text": "Name",
"sort_choice": "name",
"sort_data": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
"text": "Name",
},
Object {
"header_text": "Total VMs",
"sort_choice": "v_total_vms",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Total VMs",
},
Object {
"header_text": "Platform",
"sort_choice": "vmm_product",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Platform",
},
Object {
"header_text": "Version",
"sort_choice": "vmm_version",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Version",
},
Object {
"header_text": "State",
"sort_choice": "state",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "State",
},
Object {
"header_text": "Maintenance",
"sort_choice": "maintenance",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Maintenance",
},
],
"recordId": 21,
"rows": Array [
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "0",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "1",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "2",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "3",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "4",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "5",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "6",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "7",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "8",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
],
"clickable": true,
"id": "9",
},
],
"selected": "5",
"spec": true,
"type": "host",
}
}
>
<div
className="prov_grid_item"
>
<MiqDataTable
gridChecks={
Array [
"5",
]
}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Total VMs",
"key": "Total VMs",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Platform",
"key": "Platform",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Version",
"key": "Version",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "State",
"key": "State",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Maintenance",
"key": "Maintenance",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
mode="prov-host-grid-data-table"
onCellClick={[Function]}
onSort={[Function]}
pageOptions={
Object {
"page": 1,
"pageSize": 20,
"pageSizes": Array [
5,
10,
20,
50,
100,
200,
],
"totalItems": 10,
}
}
rowCheckBox={false}
rows={
Array [
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "0",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "1",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "2",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "3",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "4",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "5",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "6",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "7",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "8",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "9",
},
]
}
showPagination={false}
size="lg"
sortable={true}
stickyHeader={false}
truncateText={true}
>
<div
className="miq-data-table prov-host-grid-data-table"
>
<DataTable
filterRows={[Function]}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Total VMs",
"key": "Total VMs",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Platform",
"key": "Platform",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Version",
"key": "Version",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "State",
"key": "State",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Maintenance",
"key": "Maintenance",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
isSortable={true}
locale="en"
overflowMenuOnHover={true}
rows={
Array [
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "0",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "1",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "2",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "3",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "4",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "5",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "6",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "7",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "8",
},
Object {
"Maintenance": Object {
"text": "cell_text_5",
},
"Name": Object {
"text": "cell_text_0",
},
"Platform": Object {
"text": "cell_text_2",
},
"State": Object {
"text": "cell_text_4",
},
"Total VMs": Object {
"text": "cell_text_1",
},
"Version": Object {
"text": "cell_text_3",
},
"clickable": true,
"id": "9",
},
]
}
size="lg"
sortDirection="ASC"
sortRow={[Function]}
stickyHeader={false}
translateWithId={[Function]}
>
<Table
isSortable={true}
overflowMenuOnHover={true}
size="lg"
stickyHeader={false}
>
<div
className="bx--data-table-content"
>
<table
className="bx--data-table bx--data-table--lg bx--data-table--sort bx--data-table--no-border"
>
<TableHead>
<thead>
<TableRow>
<tr>
<TableHeader
className="miq-data-table-header"
isSortHeader={true}
isSortable={true}
key="Name"
onClick={[Function]}
scope="col"
sortDirection="DESC"
translateWithId={[Function]}
>
<th
aria-sort="descending"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-9"
style={
Object {
"display": "none",
}
}
>
Click to unsort rows by Name header
</div>
<button
aria-describedby="table-sort-9"
className="miq-data-table-header bx--table-sort bx--table-sort--active bx--table-sort--ascending"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Name
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Total VMs"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-10"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Total VMs header in ascending order
</div>
<button
aria-describedby="table-sort-10"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Total VMs
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Platform"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-11"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Platform header in ascending order
</div>
<button
aria-describedby="table-sort-11"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Platform
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Version"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-12"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Version header in ascending order
</div>
<button
aria-describedby="table-sort-12"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Version
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="State"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-13"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by State header in ascending order
</div>
<button
aria-describedby="table-sort-13"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
State
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Maintenance"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-14"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Maintenance header in ascending order
</div>
<button
aria-describedby="table-sort-14"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Maintenance
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
</tr>
</TableRow>
</thead>
</TableHead>
<TableBody
aria-live="polite"
>
<tbody
aria-live="polite"
>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="0"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="1"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="2"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="3"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="4"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row bx--data-table--selected"
disabled={false}
isExpanded={false}
isSelected={false}
key="5"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<tr
className="clickable-row bx--data-table--selected"
disabled={false}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="6"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="7"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="8"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="9"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Total VMs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Version"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:State"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Total VMs",
"info": Object {
"header": "Total VMs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:Version",
"info": Object {
"header": "Version",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:State",
"info": Object {
"header": "State",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Maintenance",
"info": Object {
"header": "Maintenance",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Maintenance"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
</tbody>
</TableBody>
</table>
</div>
</Table>
</DataTable>
</div>
</MiqDataTable>
</div>
</ProvGrid>
`;
exports[`ProvGrid component should render prov_iso_img_grid table 1`] = `
<ProvGrid
initialData={
Object {
"field": "service__iso_image_id",
"fieldId": "service__iso_image_id",
"headers": Array [
Object {
"header_text": "Name",
"sort_choice": "name",
"sort_data": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
"text": "Name",
},
],
"recordId": 21,
"rows": Array [
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "0",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "1",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "2",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "3",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "4",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "5",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "6",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "7",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "8",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
],
"clickable": true,
"id": "9",
},
],
"selected": "5",
"spec": true,
"type": "iso_img",
}
}
>
<div
className="prov_grid_item"
>
<MiqDataTable
gridChecks={
Array [
"5",
]
}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
]
}
mode="prov-iso_img-grid-data-table"
onCellClick={[Function]}
onSort={[Function]}
pageOptions={
Object {
"page": 1,
"pageSize": 20,
"pageSizes": Array [
5,
10,
20,
50,
100,
200,
],
"totalItems": 10,
}
}
rowCheckBox={false}
rows={
Array [
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "0",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "1",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "2",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "3",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "4",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "5",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "6",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "7",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "8",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "9",
},
]
}
showPagination={false}
size="lg"
sortable={true}
stickyHeader={false}
truncateText={true}
>
<div
className="miq-data-table prov-iso_img-grid-data-table"
>
<DataTable
filterRows={[Function]}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
]
}
isSortable={true}
locale="en"
overflowMenuOnHover={true}
rows={
Array [
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "0",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "1",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "2",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "3",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "4",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "5",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "6",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "7",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "8",
},
Object {
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "9",
},
]
}
size="lg"
sortDirection="ASC"
sortRow={[Function]}
stickyHeader={false}
translateWithId={[Function]}
>
<Table
isSortable={true}
overflowMenuOnHover={true}
size="lg"
stickyHeader={false}
>
<div
className="bx--data-table-content"
>
<table
className="bx--data-table bx--data-table--lg bx--data-table--sort bx--data-table--no-border"
>
<TableHead>
<thead>
<TableRow>
<tr>
<TableHeader
className="miq-data-table-header"
isSortHeader={true}
isSortable={true}
key="Name"
onClick={[Function]}
scope="col"
sortDirection="DESC"
translateWithId={[Function]}
>
<th
aria-sort="descending"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-19"
style={
Object {
"display": "none",
}
}
>
Click to unsort rows by Name header
</div>
<button
aria-describedby="table-sort-19"
className="miq-data-table-header bx--table-sort bx--table-sort--active bx--table-sort--ascending"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Name
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
</tr>
</TableRow>
</thead>
</TableHead>
<TableBody
aria-live="polite"
>
<tbody
aria-live="polite"
>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="0"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="1"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="2"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="3"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="4"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row bx--data-table--selected"
disabled={false}
isExpanded={false}
isSelected={false}
key="5"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<tr
className="clickable-row bx--data-table--selected"
disabled={false}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="6"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="7"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="8"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="9"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
</tbody>
</TableBody>
</table>
</div>
</Table>
</DataTable>
</div>
</MiqDataTable>
</div>
</ProvGrid>
`;
exports[`ProvGrid component should render prov_pxe_img_grid table 1`] = `
<ProvGrid
initialData={
Object {
"field": "service__pxe_image_id",
"fieldId": "service__pxe_image_id",
"headers": Array [
Object {
"header_text": "Name",
"sort_choice": "name",
"sort_data": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
"text": "Name",
},
Object {
"header_text": "Description",
"sort_choice": "description",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Description",
},
],
"recordId": 21,
"rows": Array [
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "0",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "1",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "2",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "3",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "4",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "5",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "6",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "7",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "8",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
],
"clickable": true,
"id": "9",
},
],
"selected": "5",
"spec": true,
"type": "pxe_img",
}
}
>
<div
className="prov_grid_item"
>
<MiqDataTable
gridChecks={
Array [
"5",
]
}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Description",
"key": "Description",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
mode="prov-pxe_img-grid-data-table"
onCellClick={[Function]}
onSort={[Function]}
pageOptions={
Object {
"page": 1,
"pageSize": 20,
"pageSizes": Array [
5,
10,
20,
50,
100,
200,
],
"totalItems": 10,
}
}
rowCheckBox={false}
rows={
Array [
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "0",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "1",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "2",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "3",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "4",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "5",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "6",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "7",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "8",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "9",
},
]
}
showPagination={false}
size="lg"
sortable={true}
stickyHeader={false}
truncateText={true}
>
<div
className="miq-data-table prov-pxe_img-grid-data-table"
>
<DataTable
filterRows={[Function]}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Description",
"key": "Description",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
isSortable={true}
locale="en"
overflowMenuOnHover={true}
rows={
Array [
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "0",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "1",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "2",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "3",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "4",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "5",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "6",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "7",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "8",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "9",
},
]
}
size="lg"
sortDirection="ASC"
sortRow={[Function]}
stickyHeader={false}
translateWithId={[Function]}
>
<Table
isSortable={true}
overflowMenuOnHover={true}
size="lg"
stickyHeader={false}
>
<div
className="bx--data-table-content"
>
<table
className="bx--data-table bx--data-table--lg bx--data-table--sort bx--data-table--no-border"
>
<TableHead>
<thead>
<TableRow>
<tr>
<TableHeader
className="miq-data-table-header"
isSortHeader={true}
isSortable={true}
key="Name"
onClick={[Function]}
scope="col"
sortDirection="DESC"
translateWithId={[Function]}
>
<th
aria-sort="descending"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-20"
style={
Object {
"display": "none",
}
}
>
Click to unsort rows by Name header
</div>
<button
aria-describedby="table-sort-20"
className="miq-data-table-header bx--table-sort bx--table-sort--active bx--table-sort--ascending"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Name
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Description"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-21"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Description header in ascending order
</div>
<button
aria-describedby="table-sort-21"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Description
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
</tr>
</TableRow>
</thead>
</TableHead>
<TableBody
aria-live="polite"
>
<tbody
aria-live="polite"
>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="0"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="1"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="2"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="3"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="4"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row bx--data-table--selected"
disabled={false}
isExpanded={false}
isSelected={false}
key="5"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<tr
className="clickable-row bx--data-table--selected"
disabled={false}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="6"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="7"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="8"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="9"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
</tbody>
</TableBody>
</table>
</div>
</Table>
</DataTable>
</div>
</MiqDataTable>
</div>
</ProvGrid>
`;
exports[`ProvGrid component should render prov_template_grid table 1`] = `
<ProvGrid
initialData={
Object {
"field": "customize__customization_template_id",
"fieldId": "customize__customization_template_id",
"headers": Array [
Object {
"header_text": "Name",
"sort_choice": "name",
"sort_data": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
"text": "Name",
},
Object {
"header_text": "Description",
"sort_choice": "description",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Description",
},
Object {
"header_text": "Last Updated",
"sort_choice": "last_updated",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Last Updated",
},
],
"recordId": 21,
"rows": Array [
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "0",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "1",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "2",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "3",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "4",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "5",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "6",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "7",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "8",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
],
"clickable": true,
"id": "9",
},
],
"selected": "5",
"spec": true,
"type": "template",
}
}
>
<div
className="prov_grid_item"
>
<MiqDataTable
gridChecks={
Array [
"5",
]
}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Description",
"key": "Description",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Last Updated",
"key": "Last Updated",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
mode="prov-template-grid-data-table"
onCellClick={[Function]}
onSort={[Function]}
pageOptions={
Object {
"page": 1,
"pageSize": 20,
"pageSizes": Array [
5,
10,
20,
50,
100,
200,
],
"totalItems": 10,
}
}
rowCheckBox={false}
rows={
Array [
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "0",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "1",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "2",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "3",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "4",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "5",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "6",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "7",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "8",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "9",
},
]
}
showPagination={false}
size="lg"
sortable={true}
stickyHeader={false}
truncateText={true}
>
<div
className="miq-data-table prov-template-grid-data-table"
>
<DataTable
filterRows={[Function]}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Description",
"key": "Description",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Last Updated",
"key": "Last Updated",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
isSortable={true}
locale="en"
overflowMenuOnHover={true}
rows={
Array [
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "0",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "1",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "2",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "3",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "4",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "5",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "6",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "7",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "8",
},
Object {
"Description": Object {
"text": "cell_text_1",
},
"Last Updated": Object {
"text": "cell_text_2",
},
"Name": Object {
"text": "cell_text_0",
},
"clickable": true,
"id": "9",
},
]
}
size="lg"
sortDirection="ASC"
sortRow={[Function]}
stickyHeader={false}
translateWithId={[Function]}
>
<Table
isSortable={true}
overflowMenuOnHover={true}
size="lg"
stickyHeader={false}
>
<div
className="bx--data-table-content"
>
<table
className="bx--data-table bx--data-table--lg bx--data-table--sort bx--data-table--no-border"
>
<TableHead>
<thead>
<TableRow>
<tr>
<TableHeader
className="miq-data-table-header"
isSortHeader={true}
isSortable={true}
key="Name"
onClick={[Function]}
scope="col"
sortDirection="DESC"
translateWithId={[Function]}
>
<th
aria-sort="descending"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-22"
style={
Object {
"display": "none",
}
}
>
Click to unsort rows by Name header
</div>
<button
aria-describedby="table-sort-22"
className="miq-data-table-header bx--table-sort bx--table-sort--active bx--table-sort--ascending"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Name
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Description"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-23"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Description header in ascending order
</div>
<button
aria-describedby="table-sort-23"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Description
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Last Updated"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-24"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Last Updated header in ascending order
</div>
<button
aria-describedby="table-sort-24"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Last Updated
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
</tr>
</TableRow>
</thead>
</TableHead>
<TableBody
aria-live="polite"
>
<tbody
aria-live="polite"
>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="0"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="1"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="2"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="3"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="4"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row bx--data-table--selected"
disabled={false}
isExpanded={false}
isSelected={false}
key="5"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<tr
className="clickable-row bx--data-table--selected"
disabled={false}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="6"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="7"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="8"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="9"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Description"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Description",
"info": Object {
"header": "Description",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Last Updated",
"info": Object {
"header": "Last Updated",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Last Updated"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
</tbody>
</TableBody>
</table>
</div>
</Table>
</DataTable>
</div>
</MiqDataTable>
</div>
</ProvGrid>
`;
exports[`ProvGrid component should render prov_vm_grid table 1`] = `
<ProvGrid
initialData={
Object {
"field": "service__src_vm_id",
"fieldId": "service__src_vm_id",
"headers": Array [
Object {
"header_text": "Name",
"sort_choice": "name",
"sort_data": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
"text": "Name",
},
Object {
"header_text": "Operating System",
"sort_choice": "operating_system.product_name",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Operating System",
},
Object {
"header_text": "Platform",
"sort_choice": "platform",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Platform",
},
Object {
"header_text": "CPUs",
"sort_choice": "cpu_total_cores",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "CPUs",
},
Object {
"header_text": "Memory",
"sort_choice": "mem_cpu",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Memory",
},
Object {
"header_text": "Disk Size",
"sort_choice": "allocated_disk_storage",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Disk Size",
},
Object {
"header_text": "Provider",
"sort_choice": "ext_management_system.name",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Provider",
},
Object {
"header_text": "Snapshots",
"sort_choice": "v_total_snapshots",
"sort_data": Object {
"isFilteredBy": false,
},
"text": "Snapshots",
},
],
"recordId": 21,
"rows": Array [
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "0",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "1",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "2",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "3",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "4",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "5",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "6",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "7",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "8",
},
Object {
"cells": Array [
Object {
"text": "cell_text_0",
},
Object {
"text": "cell_text_1",
},
Object {
"text": "cell_text_2",
},
Object {
"text": "cell_text_3",
},
Object {
"text": "cell_text_4",
},
Object {
"text": "cell_text_5",
},
Object {
"text": "cell_text_6",
},
Object {
"text": "cell_text_7",
},
],
"clickable": true,
"id": "9",
},
],
"selected": "5",
"spec": true,
"type": "vm",
}
}
>
<div
className="prov_grid_item"
>
<MiqDataTable
gridChecks={
Array [
"5",
]
}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Operating System",
"key": "Operating System",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Platform",
"key": "Platform",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "CPUs",
"key": "CPUs",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Memory",
"key": "Memory",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Disk Size",
"key": "Disk Size",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Provider",
"key": "Provider",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Snapshots",
"key": "Snapshots",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
mode="prov-vm-grid-data-table"
onCellClick={[Function]}
onSort={[Function]}
pageOptions={
Object {
"page": 1,
"pageSize": 20,
"pageSizes": Array [
5,
10,
20,
50,
100,
200,
],
"totalItems": 10,
}
}
rowCheckBox={false}
rows={
Array [
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "0",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "1",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "2",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "3",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "4",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "5",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "6",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "7",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "8",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "9",
},
]
}
showPagination={false}
size="lg"
sortable={true}
stickyHeader={false}
truncateText={true}
>
<div
className="miq-data-table prov-vm-grid-data-table"
>
<DataTable
filterRows={[Function]}
headers={
Array [
Object {
"col_idx": undefined,
"header": "Name",
"key": "Name",
"sortData": Object {
"isFilteredBy": true,
"sortDirection": "ASC",
},
},
Object {
"col_idx": undefined,
"header": "Operating System",
"key": "Operating System",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Platform",
"key": "Platform",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "CPUs",
"key": "CPUs",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Memory",
"key": "Memory",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Disk Size",
"key": "Disk Size",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Provider",
"key": "Provider",
"sortData": Object {
"isFilteredBy": false,
},
},
Object {
"col_idx": undefined,
"header": "Snapshots",
"key": "Snapshots",
"sortData": Object {
"isFilteredBy": false,
},
},
]
}
isSortable={true}
locale="en"
overflowMenuOnHover={true}
rows={
Array [
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "0",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "1",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "2",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "3",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "4",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "5",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "6",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "7",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "8",
},
Object {
"CPUs": Object {
"text": "cell_text_3",
},
"Disk Size": Object {
"text": "cell_text_5",
},
"Memory": Object {
"text": "cell_text_4",
},
"Name": Object {
"text": "cell_text_0",
},
"Operating System": Object {
"text": "cell_text_1",
},
"Platform": Object {
"text": "cell_text_2",
},
"Provider": Object {
"text": "cell_text_6",
},
"Snapshots": Object {
"text": "cell_text_7",
},
"clickable": true,
"id": "9",
},
]
}
size="lg"
sortDirection="ASC"
sortRow={[Function]}
stickyHeader={false}
translateWithId={[Function]}
>
<Table
isSortable={true}
overflowMenuOnHover={true}
size="lg"
stickyHeader={false}
>
<div
className="bx--data-table-content"
>
<table
className="bx--data-table bx--data-table--lg bx--data-table--sort bx--data-table--no-border"
>
<TableHead>
<thead>
<TableRow>
<tr>
<TableHeader
className="miq-data-table-header"
isSortHeader={true}
isSortable={true}
key="Name"
onClick={[Function]}
scope="col"
sortDirection="DESC"
translateWithId={[Function]}
>
<th
aria-sort="descending"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-1"
style={
Object {
"display": "none",
}
}
>
Click to unsort rows by Name header
</div>
<button
aria-describedby="table-sort-1"
className="miq-data-table-header bx--table-sort bx--table-sort--active bx--table-sort--ascending"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Name
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Operating System"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-2"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Operating System header in ascending order
</div>
<button
aria-describedby="table-sort-2"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Operating System
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Platform"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-3"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Platform header in ascending order
</div>
<button
aria-describedby="table-sort-3"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Platform
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="CPUs"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-4"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by CPUs header in ascending order
</div>
<button
aria-describedby="table-sort-4"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
CPUs
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Memory"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-5"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Memory header in ascending order
</div>
<button
aria-describedby="table-sort-5"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Memory
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Disk Size"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-6"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Disk Size header in ascending order
</div>
<button
aria-describedby="table-sort-6"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Disk Size
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Provider"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-7"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Provider header in ascending order
</div>
<button
aria-describedby="table-sort-7"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Provider
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
<TableHeader
className="miq-data-table-header"
isSortHeader={false}
isSortable={true}
key="Snapshots"
onClick={[Function]}
scope="col"
sortDirection="NONE"
translateWithId={[Function]}
>
<th
aria-sort="none"
className="miq-data-table-header"
scope="col"
>
<div
id="table-sort-8"
style={
Object {
"display": "none",
}
}
>
Click to sort rows by Snapshots header in ascending order
</div>
<button
aria-describedby="table-sort-8"
className="miq-data-table-header bx--table-sort"
onClick={[Function]}
type="button"
>
<span
className="bx--table-sort__flex"
>
<div
className="bx--table-header-label"
>
Snapshots
</div>
<ForwardRef(ArrowUp20)
className="bx--table-sort__icon"
>
<Icon
className="bx--table-sort__icon"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z"
/>
</svg>
</Icon>
</ForwardRef(ArrowUp20)>
<ForwardRef(ArrowsVertical20)
className="bx--table-sort__icon-unsorted"
>
<Icon
className="bx--table-sort__icon-unsorted"
fill="currentColor"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden={true}
className="bx--table-sort__icon-unsorted"
fill="currentColor"
focusable="false"
height={20}
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
width={20}
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M27.6 20.6L24 24.2 24 4 22 4 22 24.2 18.4 20.6 17 22 23 28 29 22zM9 4L3 10 4.4 11.4 8 7.8 8 28 10 28 10 7.8 13.6 11.4 15 10z"
/>
</svg>
</Icon>
</ForwardRef(ArrowsVertical20)>
</span>
</button>
</th>
</TableHeader>
</tr>
</TableRow>
</thead>
</TableHead>
<TableBody
aria-live="polite"
>
<tbody
aria-live="polite"
>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="0"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="0"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "0:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "0:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "0:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "0:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "0:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "0:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "0:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "0:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "0",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="0:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="1"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="1"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "1:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "1:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "1:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "1:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "1:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "1:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "1:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "1:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "1",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="1:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="2"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="2"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "2:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "2:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "2:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "2:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "2:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "2:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "2:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "2:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "2",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="2:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="3"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="3"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "3:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "3:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "3:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "3:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "3:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "3:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "3:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "3:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "3",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="3:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="4"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="4"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "4:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "4:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "4:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "4:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "4:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "4:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "4:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "4:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "4",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="4:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row bx--data-table--selected"
disabled={false}
isExpanded={false}
isSelected={false}
key="5"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<tr
className="clickable-row bx--data-table--selected"
disabled={false}
onKeyPress={[Function]}
tabIndex="5"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "5:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "5:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "5:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "5:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "5:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "5:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "5:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "5:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "5",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="5:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="6"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="6"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "6:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "6:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "6:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "6:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "6:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "6:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "6:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "6:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "6",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="6:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="7"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="7"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "7:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "7:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "7:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "7:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "7:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "7:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "7:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "7:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "7",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="7:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="8"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="8"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "8:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "8:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "8:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "8:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "8:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "8:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "8:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "8:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "8",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="8:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
<TableRow
ariaLabel="Expand current row"
className="clickable-row"
disabled={false}
isExpanded={false}
isSelected={false}
key="9"
onExpand={[Function]}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<tr
className="clickable-row"
disabled={false}
onKeyPress={[Function]}
tabIndex="9"
title="Click to view details"
>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
}
}
key="0-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Name"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_0"
>
cell_text_0
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
}
}
key="1-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Operating System"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_1"
>
cell_text_1
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
}
}
key="2-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Platform"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_2"
>
cell_text_2
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
}
}
key="3-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:CPUs"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_3"
>
cell_text_3
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
}
}
key="4-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Memory"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_4"
>
cell_text_4
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
}
}
key="5-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Disk Size"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_5"
>
cell_text_5
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
}
}
key="6-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Provider"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_6"
>
cell_text_6
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
<MiqTableCell
cell={
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
}
}
key="7-cellKey"
onCellClick={[Function]}
row={
Object {
"cells": Array [
Object {
"data": Object {
"text": "cell_text_0",
},
"errors": null,
"id": "9:Name",
"info": Object {
"header": "Name",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_0",
},
Object {
"data": Object {
"text": "cell_text_1",
},
"errors": null,
"id": "9:Operating System",
"info": Object {
"header": "Operating System",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_1",
},
Object {
"data": Object {
"text": "cell_text_2",
},
"errors": null,
"id": "9:Platform",
"info": Object {
"header": "Platform",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_2",
},
Object {
"data": Object {
"text": "cell_text_3",
},
"errors": null,
"id": "9:CPUs",
"info": Object {
"header": "CPUs",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_3",
},
Object {
"data": Object {
"text": "cell_text_4",
},
"errors": null,
"id": "9:Memory",
"info": Object {
"header": "Memory",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_4",
},
Object {
"data": Object {
"text": "cell_text_5",
},
"errors": null,
"id": "9:Disk Size",
"info": Object {
"header": "Disk Size",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_5",
},
Object {
"data": Object {
"text": "cell_text_6",
},
"errors": null,
"id": "9:Provider",
"info": Object {
"header": "Provider",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_6",
},
Object {
"data": Object {
"text": "cell_text_7",
},
"errors": null,
"id": "9:Snapshots",
"info": Object {
"header": "Snapshots",
},
"isEditable": false,
"isEditing": false,
"isValid": true,
"value": "cell_text_7",
},
],
"disabled": false,
"id": "9",
"isExpanded": false,
"isSelected": false,
}
}
truncate={true}
>
<TableCell
className=""
key="9:Snapshots"
onClick={[Function]}
>
<td
onClick={[Function]}
>
<div
className="cell"
>
<span
className="bx--front-line"
title="cell_text_7"
>
cell_text_7
</span>
</div>
</td>
</TableCell>
</MiqTableCell>
</tr>
</TableRow>
</tbody>
</TableBody>
</table>
</div>
</Table>
</DataTable>
</div>
</MiqDataTable>
</div>
</ProvGrid>
`;