如何在jsp中对齐thead和table的tbody

Question

我正在使用struts2框架。我需要使用javascript或jquery或其他任何方式对齐thead和tbody of table。表（thead和tbody）是动态的。请帮助。列数可能根据需要而变化。这是jsp的代码。

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>

<s:div cssClass="tableClass" cssStyle="width: 100%; height:200px; overflow-y: scroll;">
    <table class="scroll table-striped" id="mail_table" style=" width: 98%;min-width: 1289px;overflow-x: scroll;">

        <thead>
            <tr style="background: #4A4747;"> 

                <th>Slno</th>
                    <s:iterator value="reportDataHeaderDtl" status="head">                              

                    <th style="width:<s:property value="%{report_attributes.get(#head.index).report_header_width}" />%;word-wrap: break-word;word-break: break-all;white-space: nowrap;vertical-align: bottom;"><s:property value="%{reportDataHeaderDtl.get(#head.index)}" /></th>
                    </s:iterator>
            </tr>
        </thead>

        <tbody style="border: 1px solid #e0e0e0; border-radius: 3px;" id="mail_tbody">
            <s:iterator value="reportDataDtlList" status="head">
                <tr>

                    <td ><s:property value="%{#head.count}"/></td>
                    <s:iterator value="%{reportDataDtlList.get(#head.index)}" status="inhead">
                        <td style="padding: 5px;width:<s:property value="%{report_attributes.get(#inhead.index).report_header_width}" />%;word-wrap: break-word;word-break: break-all;vertical-align: bottom;"><s:property value="%{reportDataDtlList.get(#head.index).get(#inhead.index)}"/></td>
                    </s:iterator>
                </tr>
            </s:iterator>
        </tbody>
    </table>
</s:div>