current html - OpenShift P.O.C. table

gistfile1.txt

<table role="grid" class="pf-c-table pf-m-grid-md">
   <thead class="">
      <tr>
         <td data-key="0" class="pf-c-table__check"><input aria-label="Select all rows" name="check-all" type="checkbox"></td>
         <th scope="col" data-key="1" data="[object Object],[object Object],[object Object]" filters="[object Object]" class="pf-c-table__sort" aria-sort="none">
            <button class="pf-c-button pf-m-plain">
               Name
               <span class="pf-c-table__sort-indicator">
                  <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">
                     <path d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z" transform=""></path>
                  </svg>
               </span>
            </button>
         </th>
         <th scope="col" data-key="2" data="[object Object],[object Object],[object Object]" filters="[object Object]" class="pf-c-table__sort" aria-sort="none">
            <button class="pf-c-button pf-m-plain">
               Namespace
               <span class="pf-c-table__sort-indicator">
                  <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">
                     <path d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z" transform=""></path>
                  </svg>
               </span>
            </button>
         </th>
         <th scope="col" data-key="3" data="[object Object],[object Object],[object Object]" filters="[object Object]" class="pf-c-table__sort" aria-sort="none">
            <button class="pf-c-button pf-m-plain">
               State
               <span class="pf-c-table__sort-indicator">
                  <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">
                     <path d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z" transform=""></path>
                  </svg>
               </span>
            </button>
         </th>
         <th data-key="4"></th>
      </tr>
   </thead>
   <tbody class="">
      <tr class="">
         <td data-key="0" class="pf-c-table__check" scope=""><input aria-labelledby="simple-node0" name="checkrow0" type="checkbox"></td>
         <th data-label="Name" data-key="1" data="[object Object],[object Object],[object Object]" filters="[object Object]">
            <div id="simple-node0"><span class="co-resource-link"><span class="sr-only">VirtualMachine</span><span class="co-m-resource-icon co-m-resource-virtualmachine" title="VirtualMachine">VM</span><a title="04560c5b-4028-11e9-a302-fa163eae8c73" class="co-resource-link__resource-name" href="/k8s/ns/vms/virtualmachines/name">name</a></span></div>
         </th>
         <td data-label="Namespace" data-key="2" data="[object Object],[object Object],[object Object]" filters="[object Object]"><span class="co-resource-link"><span class="sr-only">Namespace</span><span class="co-m-resource-icon co-m-resource-namespace" title="Namespace">NS</span><a title="vms" class="co-resource-link__resource-name" href="/k8s/cluster/namespaces/vms">vms</a></span></td>
         <td data-label="State" data-key="3" data="[object Object],[object Object],[object Object]" filters="[object Object]">
            <div> <span class="kubevirt-vm-status__icon pficon pficon-off" aria-hidden="true"></span>Off </div>
         </td>
         <td data-key="4" class="pf-c-table__action">
            <div class="dropdown-kebab-pf">
               <div>
                  <div class="pf-c-dropdown">
                     <button aria-label="Actions" id="pf-toggle-id-540" class="pf-c-dropdown__toggle pf-m-plain" type="button" aria-expanded="false" aria-haspopup="true">
                        <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 192 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">
                           <path d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z" transform=""></path>
                        </svg>
                     </button>
                  </div>
               </div>
            </div>
         </td>
      </tr>
      <tr class="">
         <td data-key="0" class="pf-c-table__check" scope=""><input aria-labelledby="simple-node1" name="checkrow1" type="checkbox"></td>
         <th data-label="Name" data-key="1" data="[object Object],[object Object],[object Object]" filters="[object Object]">
            <div id="simple-node1"><span class="co-resource-link"><span class="sr-only">VirtualMachine</span><span class="co-m-resource-icon co-m-resource-virtualmachine" title="VirtualMachine">VM</span><a title="824cb27d-4006-11e9-a302-fa163eae8c73" class="co-resource-link__resource-name" href="/k8s/ns/vms/virtualmachines/tj-cirros">tj-cirros</a></span></div>
         </th>
         <td data-label="Namespace" data-key="2" data="[object Object],[object Object],[object Object]" filters="[object Object]"><span class="co-resource-link"><span class="sr-only">Namespace</span><span class="co-m-resource-icon co-m-resource-namespace" title="Namespace">NS</span><a title="vms" class="co-resource-link__resource-name" href="/k8s/cluster/namespaces/vms">vms</a></span></td>
         <td data-label="State" data-key="3" data="[object Object],[object Object],[object Object]" filters="[object Object]">
            <div> <span class="kubevirt-vm-status__icon pficon pficon-on-running" aria-hidden="true"></span><a class="kubevirt-vm-status__link" href="/k8s/ns/vms/pods/virt-launcher-tj-cirros-4dfbl">Running</a> </div>
         </td>
         <td data-key="4" class="pf-c-table__action">
            <div class="dropdown-kebab-pf">
               <div>
                  <div class="pf-c-dropdown">
                     <button aria-label="Actions" id="pf-toggle-id-541" class="pf-c-dropdown__toggle pf-m-plain" type="button" aria-expanded="false" aria-haspopup="true">
                        <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 192 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">
                           <path d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z" transform=""></path>
                        </svg>
                     </button>
                  </div>
               </div>
            </div>
         </td>
      </tr>
      <tr class="">
         <td data-key="0" class="pf-c-table__check" scope=""><input aria-labelledby="simple-node2" name="checkrow2" type="checkbox"></td>
         <th data-label="Name" data-key="1" data="[object Object],[object Object],[object Object]" filters="[object Object]">
            <div id="simple-node2"><span class="co-resource-link"><span class="sr-only">VirtualMachine</span><span class="co-m-resource-icon co-m-resource-virtualmachine" title="VirtualMachine">VM</span><a title="85c3310c-4026-11e9-a302-fa163eae8c73" class="co-resource-link__resource-name" href="/k8s/ns/vms/virtualmachines/tj-cirros2">tj-cirros2</a></span></div>
         </th>
         <td data-label="Namespace" data-key="2" data="[object Object],[object Object],[object Object]" filters="[object Object]"><span class="co-resource-link"><span class="sr-only">Namespace</span><span class="co-m-resource-icon co-m-resource-namespace" title="Namespace">NS</span><a title="vms" class="co-resource-link__resource-name" href="/k8s/cluster/namespaces/vms">vms</a></span></td>
         <td data-label="State" data-key="3" data="[object Object],[object Object],[object Object]" filters="[object Object]">
            <div> <span class="kubevirt-vm-status__icon pficon pficon-on-running" aria-hidden="true"></span><a class="kubevirt-vm-status__link" href="/k8s/ns/vms/pods/virt-launcher-tj-cirros2-bxdck">Running</a> </div>
         </td>
         <td data-key="4" class="pf-c-table__action">
            <div class="dropdown-kebab-pf">
               <div>
                  <div class="pf-c-dropdown">
                     <button aria-label="Actions" id="pf-toggle-id-542" class="pf-c-dropdown__toggle pf-m-plain" type="button" aria-expanded="false" aria-haspopup="true">
                        <svg fill="currentColor" height="1em" width="1em" viewBox="0 0 192 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;">
                           <path d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z" transform=""></path>
                        </svg>
                     </button>
                  </div>
               </div>
            </div>
         </td>
      </tr>
   </tbody>
</table>