Is there a way to make a link in a table cell wrap and respect the column width I provide? When data in a table cell is a link, it doesn't seem to let me specify the column width. How can this be achieved?
<link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1d7f7272696e696f7c6d5d28332d332f">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<table class="table table-fixed table-striped table-hover table-bordered">
<thead>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
<th>11</th>
<th>12</th>
</thead>
<tbody>
</tbody>
<tr>
<td width="50px"><a href="#">12,45,78,65,45,78,21,54,98,87,5,21,64,87,54,21,87,54,54,54,21,54,87,21,54,</a></td>
<td>1</td>
<td>2</td>
<td>43</td>
<td>6</td>
<td>dfgh</td>
<td>dfg</td>
<td>dfg</td>
<td>sadf</td>
<td>fgj</td>
<td>sdf</td>
<td>sdf</td>
</tr>
</table>
</div>