table-layout: fixed;
}
.fileNames {
- width: 25%;
+ width: 20%;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
<th>File(s)</th>
<th>Error Message</th>
<th>Requirement(s)</th>
- <th>Resolution Steps</th>
</tr>
</thead>
<tbody>
<td>
{{ failure.requirements }}
</td>
- <td>
- {{ failure.resolution_steps }}
- </td>
</tr>
{% endfor %}
</tbody>
fixedHeader: true,
pageLength: 50,
columns: [
- {width: "25%", className: "fileLinks"},
- {width: "25%", className: "errorMessage"},
- {width: "25%", className: "requirements"},
- {width: "25%", className: "resolutionSteps"},
+ {width: "20%", className: "fileLinks"},
+ {width: "40%", className: "errorMessage"},
+ {width: "40%", className: "requirements"},
]
});
});