Change columns width

Thank you for the kind words.

Table columns grow to fit their contents. If one is too wide, it’s likely due to the width of the content of one of the table cells. That said, you can use standard CSS to force the column(s) to be a certain width. First, add a style to the table to change the table-layout to fixed. Then add widths for each of your columns at your discretion. You can do so by using the .nth-child selector to specify which column you’d like to adjust. For example:

.staffdirectory .stafflists {
    table-layout: fixed;
}
.staffdirectory .stafflists th:nth-child(2) {
    width: 100px;
    overflow: hidden;
}

Information about the table-layout style can be found here:
https://www.w3schools.com/cssref/pr_tab_table-layout.asp

Information about setting column widths can be found here:
https://www.w3schools.com/tags/att_td_width.asp