1

次のテーブルを作成しました。

    <table id="viewConfigurationTable" style="width:700px">
    <tr>
        <td style="width:100px">Id</td>
        <td style="width:100px">Name</td>
        <td style="width:200px">Status</td>
        <td style="width:300px">Ctids</td>
        <td style="width:300px">CreationDate</td>
    </tr>

    <% foreach (var config in Model.AliveConfigurations)
       {
    %>
    <tr>
        <td><%=config.Id%></td>
        <td><%=config.Name%></td>
        <td><%=config.Status%></td>
        <td><%=config.Ctids%></td>
        <td><%=config.CreationDate%></td>

    </tr>
    <%
        }
    %>
</table>

それでも、Ctids列が非常に広くなることがあります。

どうすればこれを修正できますか？

4

2 に答える 2

1

私の見解では、テーブルの幅は「使用できません」ので、テーブルの幅を作成してみてくださいdiv。

ただし、本当にテーブルを修正する必要がある場合は、テーブルの幅に一致するように'sの幅を変更し、スタイルとしてテーブルTDに追加し、単語を分割するように'sを設定します。table-layout:fixedTDword-wrap:break-word

jsFiddleの例

于 2013-01-23T08:17:51.503 に答える
0

これを試して：

   <style type="text/css">
    table {
      width: 25%;//use this value for the table size compared to the screen size.
    }
    table td {
      width:auto;
      border: 1px solid red;
    }
  </style>

    <table id="viewConfigurationTable">
        <tr>
            <td>Id</td>
            <td>Name</td>
            <td>Status</td>
            <td>Ctids</td>
            <td>CreationDate</td>
        </tr>

        <% foreach (var config in Model.AliveConfigurations)
           {
        %>
        <tr>
            <td><%=config.Id%></td>
            <td><%=config.Name%></td>
            <td><%=config.Status%></td>
            <td><%=config.Ctids%></td>
            <td><%=config.CreationDate%></td>

        </tr>
        <%
            }
        %>
    </table>

ここを見てください

于 2013-01-23T08:25:12.940 に答える