My table is 900px wide with 13 columns. The issue I'm facing is that no matter the width I assign, my first column Tap stays the same size. I'm trying to resize the first column to prevent the last column from looking squished.
This is how my table appears:
I've attempted adding a style="width: 40px;" to the first column but it doesn't have any effect.
.print_ttr {
width: 900px;
border: solid 1px;
border-collapse: collapse;
}
.print_ttr th {
/* Additional CSS properties */
}
.print_ttr td {
/* Additional CSS properties */
}
.print_tableInputBox {
/* Additional CSS properties */
}
.holder{
/* Additional CSS properties */
}
.section{
/* Additional CSS properties */
}<div class="section">
<div class="holder">
<table class="print_ttr">
<tbody>
<tr>
<th style="width: 30px;">Tap</th>
<!-- Remaining columns -->
</tr>
<!-- More rows and cells -->
</tbody>
</table>
</div>
</div>