Here is the code snippet I am struggling with:
<table id="table"
class="dataTable table table-hover table-md table-responsive" cellspacing="0" role="grid">
<thead>
<tr>
<th>Name</th>
<th>S1</th>
<th>S2</th>
<th>S3</th>
<th word-wrap: break-word;min-width: 160px;max-width: 160px; >A long worddddd</th>
<th>Another long word</th>
<th>Word4</th>
<th>S5</th>
</tr>
</thead>
I have been trying to make the "A long worddddd" break when it's too long, but my attempts at applying styles and classes haven't been successful. I've also researched solutions on Stack Overflow, but so far nothing has worked for me. If anyone could offer some guidance or assistance, I would greatly appreciate it.