Rafactor

server/src/typeDefs.js

@@ -314,6 +314,7 @@ const typeDefs = gql`
     wifiDevices: [WifiDevice]
   }
 
+  "Subnet information"
   type SubnetInfo {
     shortName: String!
     name: String!

web/src/views/AccessPoints/index.vue

@@ -70,9 +70,11 @@
       :footer-props="{ itemsPerPageOptions: [10, 25, 50, 100, 150] }"
       :group-by="groupBy ? 'campus' : null"
     >
-      <template #[`group.header`]="{ group, toggle, headers, isOpen }">
-        <td :colspan="headers.length">
-          <v-btn @click="toggle()" icon>
+      <template
+        #[`group.header`]="{ group, toggle, headers: { length }, isOpen }"
+      >
+        <td :colspan="length">
+          <v-btn icon @click="toggle()">
             <v-icon v-if="isOpen">mdi-chevron-down</v-icon>
             <v-icon v-else>mdi-chevron-up</v-icon>
           </v-btn>
@@ -187,6 +189,7 @@ export default {
     defaultHeaders: [
       'name',
       'ip',
+      'mac',
       'campus',
       'local',
       'clients',