I'm facing an issue where I need to adjust the size of a warranty table nested within a td element of another table. Changing the height and width properties doesn't seem to work. What should I do?
Here's a simplified version of the problem - I have a table nested inside another table and I'm struggling to resize it.
<div class="single_ticket_container">
<div style="background: linear-gradient(to left, rgb(187, 230, 241), rgb(228, 245, 249));">
<div class="label_header_container"><span id="ticket_label_ticket_num">Ticket #: </span><span class="ticket_header_data" id="ticket_header_ticket_num">01097P6YRXW</span></div>
<div class="label_header_container"><span class="ticket_header_label">Final Date: </span><span class="ticket_header_data">10/03/2017</span></div>
<div class="label_header_container"><span class="ticket_header_label">Order Type: </span><span class="ticket_header_data">SAL</span></div>
<div class="label_header_container"><span class="ticket_header_label">Status Code: </span><span class="ticket_header_data">F</span></div>
<div class="label_header_container"><span class="ticket_header_label">HFC: </span> <span class="ticket_header_data">P35</span></div>
</div>
<div class="overlay_table"></div>
<div>
<div class="quicktable-actions table donatello"></div>
<table id="QuickTable" class="table donatello" style="margin: 0px;">
<thead>
<tr>
<th class="donatello color-primary" data-align="auto">
<div style="display: flex;">
<div>SKU</div>
</div>
</th>
<th class="donatello color-primary" data-align="auto">
<div style="display: flex;">
<div>VE CD</div>
</div>
</th>
<th class="donatello color-primary" data-align="auto">
<div style="display: flex;">
<div>Vendor Stock Number</div>
</div>
</th>
<th class="donatello color-primary" data-align="auto">
<div style="display: flex;">
<div>Description</div>
</div>
</th>
<th class="donatello color-primary" data-align="auto">
<div style="display: flex;">
<div>Av. Cr.</div>
</div>
</th>
<th class="donatello color-primary" data-align="auto">
<div style="display: flex;">
<div>Qty</div>
</div>
</th>
<th class="donatello color-primary" data-align="auto">
<div style="display: flex;">
<div>Ser Qty</div>
</div>
</th>
</tr>
</thead>
<tbody>
<!--Table data here-->
</table>
</div>
</div>