I Want to add table in single product page woocommerce table with dropdown list like shown in the image link
1- add table in the single product page or for certain product category
2- select value will be save in order and email notification

https://gulfoptic.com/wp-content/uploads/2020/06/table.jpg

HTML CODE

<div>
<div>
<h2 data-fontsize="19" data-lineheight="29">6 RX Information</h2>
<table cellspacing="0">
<tbody>
<tr>
<th>Sphere(SPH) <a title="sphere are the diopter values ​​on which your nearsightedness or farsightedness can be corrected. They always exist in quarter Dioptiren-scale eg 0.25 / 0.50 / 0.75 ... 1.25 ... etc" href="#" data-toggle="tooltip" data-placement="top"> ? </a></th>
<th>Cylinder(CYL) <a title="The cylinderValue is always second in your spectacle and returns the value of your astigmatism in. As the pupil is a little wavy, creates an image distortion. Image distortions are compensated by means of cylinder values ​​that may have values ​​in both minus and plus. Astigmatism does not have any mandatory." href="#" data-toggle="tooltip" data-placement="top"> ? </a></th>
<th>Axis <a title="The axis is the third in the spectacle pass and returns the position of the cylinder at from 1 to 180 degrees." href="#" data-toggle="tooltip" data-placement="top"> ? </a></th>
<th>PD <a title="The pupillary distance is easy in front of the mirror with a ruler, measure from the center of the nose to the middle of the pupil. The value is in
mm specified. Particularly important in progressive lenses because otherwise an optimum visual acuity is guaranteed, as bifocals contains different viewing zones. In that case, we recommend the pupil to be measured distance from an eye doctor and perform equal to a check-up." href="#" data-toggle="tooltip" data-placement="top"> ? </a></th>
<th>ADD <a title="" href="#" data-toggle="tooltip" data-placement="top" data-original-title="ADD are the addition values, and is only required for progressive lenses, compared presbyopia (presbyopia). This is the value between the near and far values ​​or the difference."> ? </a></th>
</tr>
<tr>
<th>OD - Right</th>
<td><select name="SPH_ODRight">
<option selected="selected" value="">Select</option>
<option value="-9.25">-9.25dpd</option>
<option value="-9.00">-9.00dpd</option>
<option value="-8.75">-8.75dpd</option>
</select></td>
<td><select name="CYL_ODRight">
<option selected="selected" value="">Select</option>
<option value="-4.75">-4.75dpt</option>
<option value="-4.50">-4.50dpt</option>
<option value="-4.25">-4.25dpt</option>
<option value="-4.00">-4.00dpt</option>
<option value="-3.75">-3.75dpt</option>
</select></td>
<td><select name="AXIS_ODRight">
<option selected="selected" value="">Select</option>
<option value="0&deg;">0&deg;</option>
<option value="1&deg;">1&deg;</option>
<option value="2&deg;">2&deg;</option>
</select></td>
<td><select name="PD_ODRight">
<option selected="selected" value="">Select</option>
<option value="25.00">25.00</option>
<option value="25.50">25.50</option>
<option value="26.00">26.00</option>
<option selected="selected" value="31.50">31.50</option>
<option value="32.00">32.00</option>
<option value="32.50">32.50</option>
<option value="38.00">38.00</option>
</select></td>
<td><select name="ADD_ODRight">
<option selected="selected" value="">Select</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00">1.00</option>
</select></td>
</tr>
<tr>
<th>OS - Left</th>
<td><select name="SPH_OSLeft">
<option selected="selected" value="">Select</option>
<option value="-9.25">-9.25dpd</option>
<option value="-9.00">-9.00dpd</option>
<option value="-8.75">-8.75dpd</option>
</select></td>
<td><select name="CYL_OSLeft">
<option selected="selected" value="">Select</option>
<option value="-4.75">-4.75dpt</option>
<option value="-4.50">-4.50dpt</option>
<option value="-4.25">-4.25dpt</option>
</select></td>
<td><select name="AXIS_OSLeft">
<option selected="selected" value="">Select</option>
<option value="0&deg;">0&deg;</option>
<option value="1&deg;">1&deg;</option>
<option value="2&deg;">2&deg;</option>
<option value="
&lt;option value=">95&deg;</option>
<option value="180&deg;">180&deg;</option>
</select></td>
<td><select name="PD_OSLeft">
<option selected="selected" value="">Select</option>
<option selected="selected" value="">Select</option>
<option value="25.00">25.00</option>
<option value="25.50">25.50</option>
<option value="26.00">26.00</option>
<option selected="selected" value="31.50">31.50</option>
<option value="32.00">32.00</option>
<option value="32.50">32.50</option>
<option value="33.00">33.00</option>
<option value="33.50">33.50</option>
</select></td>
<td><select name="ADD_OSLeft">
<option selected="selected" value="">Select</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00">1.00</option>
<option value="1.25">1.25</option>
<option value="1.50">1.50</option>
</select></td>
</tr>
</tbody>
</table>
<br />
<table cellspacing="0">
<tbody>
<tr>
<th>Prism Horizontal</th>
<th>Base Direction</th>
<th>Prism Vertical</th>
<th>Base Direction</th>
</tr>
<tr>
<th>OD - Right</th>
<td><select name="Prism_Horizontal_OD_Right">
<option selected="selected" value="">Select</option>
<option value="0.00">0.00</option>
<option value="0.25">0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00">1.00</option>
<option value="1.25">1.25</option>
<option value="1.51">1.50</option>
<option value="1.75">1.75</option>
</select></td>
<td><select name="Base_Direction_OD_Right">
<option selected="selected" value="">Select</option>
<option value="In">In</option>
<option value="Out">Out</option>
</select></td>
<td><select name="Prism_Vertical_OD_Right">
<option selected="selected" value="">Select</option>
<option value="0.00">0.00</option>
<option value="0.25">0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00">1.00</option>
<option value="1.25">1.25</option>
<option value="1.51">1.50</option>
<option value="1.75">1.75</option>
<option value="2.00">2.00</option>
</select></td>
<td><select name="Base_Direction_OD_Right2">
<option selected="selected" value="">Select</option>
<option value="Up">Up</option>
<option value="Down">Down</option>
</select></td>
</tr>
<tr>
<th>OS - Left</th>
<td><select name="Prism_Horizontal_OSLeft">
<option selected="selected" value="">Select</option>
<option value="0.00">0.00</option>
<option value="0.25">0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00">1.00</option>
<option value="1.25">1.25</option>
<option value="1.51">1.50</option>
<option value="1.75">1.75</option>
</select></td>
<td><select name="Base_Direction_OSLeft">
<option selected="selected" value="">Select</option>
<option value="In">In</option>
<option value="Out">Out</option>
</select></td>
<td><select name="Prism_Vertical_OSLeft">
<option selected="selected" value="">Select</option>
<option value="0.00">0.00</option>
<option value="0.25">0.25</option>
<option value="0.50">0.50</option>
<option value="0.75">0.75</option>
<option value="1.00">1.00</option>
<option value="1.25">1.25</option>
<option value="1.51">1.50</option>
</select></td>
<td><select name="Base_Direction_OSLeft2">
<option selected="selected" value="">Select</option>
<option value="Up">Up</option>
<option value="Down">Down</option>
</select></td>
</tr>
</tbody>
</table>
<br /><hr /></div>
</div>