Question

我有两个表，其中一个表只用于标题，另一个用于显示数据（我只需要滚动表体，因此我使用了2个不同的表），这些表将动态加载。但现在我需要根据第二个表的宽度更改第一个表的列宽（因为2个表列之间没有正确对齐）。这是我的代码

 <div  runat="server" id="divmngprdcts" >
            <asp:Table runat="server" CssClass="prdctstbl">
             <asp:TableRow>
              <asp:TableCell ID="product0" CssClass="tblhead"">Image</asp:TableCell>
            <asp:TableCell ID="product1"  CssClass="tblhead" >Product Id</asp:TableCell>
             <asp:TableCell ID="product2" CssClass="tblhead" >Name</asp:TableCell>
             <asp:TableCell ID="product3" CssClass="tblhead" >Category</asp:TableCell>
              <asp:TableCell ID="product4" CssClass="tblhead" >Qty</asp:TableCell>
              <asp:TableCell ID="product5" CssClass="tblhead" >Price</asp:TableCell>
              <asp:TableCell ID="product6" CssClass="tblhead">Brand</asp:TableCell>
            </asp:TableRow>
            </asp:Table>
            </div>

           <div runat="server" id="divmngproducts" class="mngproducts">

              <asp:Table  runat="server" ID="tblprdcts" CssClass="prdctstbl">
            </asp:Table>
            </div>

CSS

<style>
.tblhead
{
    font-size:larger;
    padding:2px;
    text-align:center;
    color:Purple;
    background-color:#aeaeae;
    background-image:linear-gradient(rgba(255,255,255,0.9),rgba(220,220,220,1));
}

.prdctstbl
{
    width:98%;
    border:1px solid black;
}
.mngproducts
{
    overflow-y:auto;
    overflow-x:hidden;
    height:95%;
    width:100%;
}
</style>

提前致谢....

根据其他表更改表的列宽

0 个答案: