Numbered tables

resources/views/app/patient/canvas-sections/allergies/form.blade.php

@@ -26,6 +26,7 @@ $formID = rand(0, 100000);
     <table class="table table-sm table-bordered mb-2 table-edit-sheet">
         <thead>
         <tr class="bg-light">
+            <th class="px-2 text-secondary border-bottom-0 width-30px text-center">#</th>
             <th class="px-2 text-secondary border-bottom-0">Allergy</th>
             <th class="px-2 text-secondary border-bottom-0 w-50">Detail</th>
             <th class="px-2 text-secondary border-bottom-0"></th>
@@ -33,6 +34,7 @@ $formID = rand(0, 100000);
         </thead>
         <tbody>
         <tr v-for="(item, index) in items">
+            <td class="px-2 pt-2 text-center text-sm font-weight-bold">@{{ index + 1 }}</td>
             <td>
                 <input type="text" :data-index="index"
                        class="form-control form-control-sm canvas-allergy-title"

resources/views/app/patient/canvas-sections/care-team/form.blade.php

@@ -45,6 +45,7 @@ $formID = rand(0, 100000);
     <table class="table table-sm table-bordered mb-2 table-edit-sheet">
         <thead>
         <tr class="bg-light">
+            <th class="px-2 text-secondary border-bottom-0 width-30px text-center">#</th>
             <th class="px-2 text-secondary border-bottom-0 w-25">Name</th>
             <th class="px-2 text-secondary border-bottom-0">Specialty</th>
             <th class="px-2 text-secondary border-bottom-0">Organization</th>
@@ -57,6 +58,7 @@ $formID = rand(0, 100000);
         </thead>
         <tbody>
         <tr v-for="(item, index) in items">
+            <td class="px-2 pt-2 text-center text-sm font-weight-bold">@{{ index + 1 }}</td>
             <td>
                 <input type="text" :data-index="index"
                        class="form-control form-control-sm canvas-care-team-title"

resources/views/app/patient/canvas-sections/dx/form.blade.php

@@ -29,6 +29,7 @@ $formID = rand(0, 100000);
     <table class="table table-sm table-bordered mb-2 table-edit-sheet">
         <thead>
         <tr class="bg-light">
+            <th class="px-2 text-secondary border-bottom-0 width-30px text-center">#</th>
             <th class="px-2 text-secondary border-bottom-0 width-50px hide-if-dashboard">
                 <label class="d-flex align-items-center c-pointer align-items-end m-0">
                     <input type="checkbox" class="mr-1" tabindex="-1"
@@ -45,6 +46,7 @@ $formID = rand(0, 100000);
         </thead>
         <tbody>
         <tr v-for="(item, index) in items">
+            <td class="px-2 pt-2 text-center text-sm font-weight-bold">@{{ index + 1 }}</td>
             <td class="px-2 hide-if-dashboard">
                 <label class="d-block c-pointer m-0 pt-1">
                     <input type="checkbox" class="mt-1" tabindex="-1"

resources/views/app/patient/canvas-sections/rx/form.blade.php

@@ -28,6 +28,7 @@ $formID = rand(0, 100000);
     <table class="table table-sm table-bordered mb-2 table-edit-sheet">
         <thead>
         <tr class="bg-light">
+            <th class="px-2 text-secondary border-bottom-0 width-30px text-center">#</th>
             <th class="px-2 text-secondary border-bottom-0">Medication</th>
             <th class="px-2 text-secondary border-bottom-0">Strength/From</th>
             <th class="px-2 text-secondary border-bottom-0">Frequency</th>
@@ -37,6 +38,7 @@ $formID = rand(0, 100000);
         </thead>
         <tbody>
         <tr v-for="(item, index) in items">
+            <td class="px-2 pt-2 text-center text-sm font-weight-bold">@{{ index + 1 }}</td>
             <td>
                 <input type="text" :data-index="index"
                        class="form-control form-control-sm canvas-rx-title"