3 <caption id="cs-table__caption">
6 <thead id="cs-table__head">
7 <tr class="cs-table__row">
8 <th scope="col" class="cs-table__column">Action</th>
9 <th scope="col" class="cs-table__column">Connector</th>
10 <th scope="col" class="cs-table__column">Status</th>
11 <th scope="col" class="cs-table__column">Transaction</th>
12 <th scope="col" class="cs-table__column">Name</th>
13 <th scope="col" class="cs-table__column">Started</th>
14 <th scope="col" class="cs-table__column">Supervision Url</th>
15 <th scope="col" class="cs-table__column">WebSocket State</th>
16 <th scope="col" class="cs-table__column">Registration Status</th>
17 <th scope="col" class="cs-table__column">Template</th>
18 <th scope="col" class="cs-table__column">Vendor</th>
19 <th scope="col" class="cs-table__column">Model</th>
20 <th scope="col" class="cs-table__column">Firmware Version</th>
23 <tbody id="cs-table__body">
25 v-for="chargingStation in props.chargingStations"
26 :key="chargingStation.stationInfo?.hashId"
27 :charging-station="chargingStation"
34 <script setup lang="ts">
35 import CSData from './CSData.vue'
36 import type { ChargingStationData } from '@/types'
38 const props = defineProps<{
39 chargingStations: ChargingStationData[]
48 background-color: white;
50 flex-direction: column;
51 overflow: auto hidden;
52 border-collapse: collapse;
61 flex-direction: column;
65 overflow: visible overlay;
78 justify-content: center;
82 #cs-table__head .cs-table__row {
83 background-color: rgb(194, 188, 188);
86 .cs-table__row:nth-of-type(even) {
87 background-color: rgb(223, 217, 217);
92 width: calc(100% / 13);