Java 右对齐属性在为tds指定宽度时不起作用

我有一个jsp和一些jspf，其中我希望短期、长期的中期字段以及标题是右对齐的，但是一旦我删除了width属性，它就不起作用了 从“我的样式”右对齐开始工作。尽管该样式在其中一个 jsp，但不使用包含所有其他jspf和一个jsp的jsp

包含其他jspf和jsp的jsp类似于------

---

尝试将表格布局设置为“固定”。这通常可以解决我遇到的列不对齐的问题

table
{
     table-layout:fixed;
}

---

请参阅有关标记格式的说明：

<table> 
    <COLGROUP class="dashRowLabel" span="1" />
    <COLGROUP class="dashStep1" span="1" />
    <COLGROUP class="dashStep2" span="3" />
    <COLGROUP class="dashStep3" span="4" />
    <COLGROUP class="dashStep4" span="4" />
    <COLGROUP class="dashStep5" span="1" />

    <tr class="dashProductLine">
        <td class="productLineName"><html-el:text property="form.sbus[${id.count}].sbuName" styleClass="textSize textColor" readonly="true" value=" "/></td>

        <c:if test="${sbu.sbuSummary.demandPlanning=='0'}">
            <td class="statusWaiting stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.demandPlanning=='1'}">
            <td class="statusNotStarted stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.demandPlanning=='2'}">
            <td class="statusStarted stepOne"></td>
        </c:if>
<c:if test="${sbu.sbuSummary.demandPlanning=='3' || compositeProcessStatus.demandPlanning=='5'}">
        <td class="statusCompleted stepOne"></td>
        </c:if>

        <c:if test="${sbu.sbuSummary.marketing=='0'}">
            <td class="statusWaiting stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.marketing=='1'}">
            <td class="statusNotStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.marketing=='2'}">
            <td class="statusStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.marketing=='3' || sbu.sbuSummary.marketing=='5'}">
            <td class="statusCompleted stepTwo"></td>
        </c:if>

        <c:if test="${sbu.sbuSummary.analyst=='0'}">
            <td class="statusWaiting stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.analyst=='1'}">
            <td class="statusNotStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.analyst=='2'}">
            <td class="statusStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.analyst=='3' || sbu.sbuSummary.analyst=='5'}">
            <td class="statusCompleted stepTwo"></td>
        </c:if>

        <c:if test="${sbu.sbuSummary.spo=='0'}">
            <td class="statusWaiting stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.spo=='1'}">
            <td class="statusNotStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.spo=='2'}">
            <td class="statusStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.spo=='3' || sbu.sbuSummary.spo=='5'}">
            <td class="statusCompleted stepTwo"></td>
        </c:if>

        <c:if test="${sbu.sbuSummary.meeting=='0'}">
            <td class="statusWaiting stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.meeting=='1'}">
            <td class="statusNotStarted stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.meeting=='2'}">
            <td class="statusStarted stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.meeting=='3' || sbu.sbuSummary.meeting=='5'}">
            <td class="statusCompleted stepOne"></td>
        </c:if>

        <TD class="numeric termValues"><c:if test="${sbu.sbuSummary.shortCompositeAmount != '0'}" >${sbu.sbuSummary.shortCompositeAmount}</c:if></TD>
        <TD class="numeric termValues"><c:if test="${sbu.sbuSummary.midCompositeAmount != '0'}" >${sbu.sbuSummary.midCompositeAmount}</c:if></TD>
        <TD class="numeric termValues"><c:if test="${sbu.sbuSummary.longCompositeAmount != '0'}" >${sbu.sbuSummary.longCompositeAmount}</c:if></TD>
    </tr>
</table>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
<%response.setHeader("Pragma", "No-cache");response.setHeader("Cache-Control", "no-cache");response.setDateHeader("Expires", 0);%>
<link rel="stylesheet" href="css/pages/dashboard.css" type="text/css">
<%@ include file="Error.jspf"%> 
<table class="dashboard">
    <c:forEach items="${viewDashboardForm.compositeProcessStatusList}" var="compositeProcessStatus">
        <tr class="dashProductLine">
                    <td class="name viewDashboard">${compositeProcessStatus.productLineName}</td>

            <c:if test="${compositeProcessStatus.demandPlanning=='0'}">
                <td class="statusWaiting stepOne"></td>
                    </c:if>
            <c:if test="${compositeProcessStatus.demandPlanning=='1'}">
            <td class="statusNotStarted stepOne"></td>
                    </c:if>
            <c:if test="${compositeProcessStatus.demandPlanning=='2'}">
            <td class="statusStarted stepOne"></td>
                    </c:if>
            <c:if test="${compositeProcessStatus.demandPlanning=='3' ||  compositeProcessStatus.demandPlanning=='5'}">
            <td class="statusCompleted stepOne"></td>
            </c:if>

            <c:if test="${compositeProcessStatus.marketing=='0'}">
            <td class="statusWaiting stepTwo"></td>
                    </c:if>
            <c:if test="${compositeProcessStatus.marketing=='1'}">
            <td class="statusNotStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.marketing=='2'}">
            <td class="statusStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.marketing=='3' || compositeProcessStatus.marketing=='5'}">
            <td class="statusCompleted stepTwo"></td>
            </c:if>

            <c:if test="${compositeProcessStatus.analyst=='0'}">
            <td class="statusWaiting stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.analyst=='1'}">
            <td class="statusNotStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.analyst=='2'}">
            <td class="statusStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.analyst=='3' || compositeProcessStatus.analyst=='5'}">
            <td class="statusCompleted stepTwo"></td>
            </c:if>

            <c:if test="${compositeProcessStatus.spo=='0'}">
            <td class="statusWaiting stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.spo=='1'}">
            <td class="statusNotStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.spo=='2'}">
            <td class="statusStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.spo=='3' || compositeProcessStatus.spo=='5'}">
            <td class="statusCompleted stepTwo"></td>
            </c:if>

            <c:if test="${compositeProcessStatus.meeting=='0'}">
            <td class="statusWaiting stepOne"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.meeting=='1'}">
            <td class="statusNotStarted stepOne"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.meeting=='2'}">
            <td class="statusStarted stepOne"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.meeting=='3' || compositeProcessStatus.meeting=='5'}">
            <td class="statusCompleted stepOne"></td>
            </c:if>

            <TD class="numeric termValues"><c:if test="${compositeProcessStatus.shortCompositeAmount != '0'}" >${compositeProcessStatus.shortCompositeAmount}</c:if></TD>
            <TD class="numeric termValues"><c:if test="${compositeProcessStatus.midCompositeAmount != '0'}" >${compositeProcessStatus.midCompositeAmount}</c:if></TD>
                <TD class="numeric termValues"><c:if test="${compositeProcessStatus.longCompositeAmount != '0'}" >${compositeProcessStatus.longCompositeAmount}</c:if></TD>             
        </tr>
    </c:forEach>
</table>

.termValues{
    width: 6em;
    text-align: right;
}

table
{
     table-layout:fixed;
}