Asp.net ListView:如何为表的列设置固定大小?

时间:2012-10-12 10:04:06

标签: asp.net listview

我在这样的Asp.Net ListView上有一个'结构'(这是一个例外):

 <asp:ListView ID="lvSchede" runat="server" DataSourceID="dsWrkCtrTable" GroupItemCount="1">

    <GroupTemplate>
        <tr id="itemPlaceholderContainer" runat="server">
            <td id="itemPlaceholder" runat="server" style="width: 100%">
            </td>
        </tr>
    </GroupTemplate>
    <ItemTemplate>
        <td id="Td2" runat="server" style="vertical-align: top;">
            <table style="background-color: #EEDFCC; padding: 10px 10px 10px 10px; border-style: solid;
                border-width: 1px; border-color: Gray;">
                <tr>
                    <td>    

...... ......

 <LayoutTemplate>
        <table runat="server">
            <tr runat="server">
                <td runat="server">
                    <table id="groupPlaceholderContainer" runat="server" border="0" style="background-color: #FFFFFF;
                        border-color: #999999; border-style: none; font-family: Verdana, Arial, Helvetica, sans-serif;">
                        <tr id="groupPlaceholder" runat="server" style="padding: 20px 20px 20px 20px;">
                        </tr>
                    </table>
                </td>
            </tr>
            <tr runat="server">
                <td runat="server" style="text-align: center; background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif;
                    color: #000000;">
                </td>
            </tr>
        </table>
    </LayoutTemplate>

问题是我的输出是不同大小的列(按照图像,我手动删除了我公司隐私的字符串内容): enter image description here

我要将列大小设置为全部相同吗?

谢谢

1 个答案:

答案 0 :(得分:0)

以下是如何在具有1列的表中设置列宽的示例:

<table border="1" width="100%">
  <col width="100">
  <tr>
    <th>Month</th>
  </tr>
  <tr>
    <td>January</td>
  </tr>
  <tr>
    <td>February</td>
  </tr>
</table>

这是一个包含2列的示例:

<table border="1" width="100%">
  <col width="100">
  <col width="50">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

这是一个包含3列的示例:

<table border="1" width="100%">
  <col width="40">
  <col width="40">
  <col width="20">
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Loans</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
    <td>$10</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
    <td>$8</td>
  </tr>
</table>

希望这至少有一点帮助。