Within my Vue component, I have the following code snippet:
<b-modal ...>
<b-row>
<b-col sm="12">
<table >
<tr v-for=... :key="key">
<td><strong>{{ key }}: </strong></td>
<td>
{{ item }}
</td>
</tr>
</table>
</b-col>
</b-row>
....
If an item's content is lengthy, it causes the table to extend beyond the b-col.
Is there a way to ensure that the table stays within the size of the b-col?
I would prefer not to simply use
overflow: hidden;as this only hides the overflow and does not resize the table properly.