如何在表

Question

我有这个ASP代码：

 <asp:Repeater ID="PervousResultsList" runat="server" EnableViewState="False">
        <ItemTemplate>
            <div class="row1">
                <table style="cursor: pointer; width: 100%">
                    <tr>
                        <td rowspan="4">
                            <asp:Image ID="Image1" ImageUrl="~/Images/pushpinred.png" runat="server" Width="32"
                                Height="32" /></td>
                    </tr>
                    <td rowspan="10">
                        <input type="button" id="ddd" value="B" style="height:30px" />
                    </td>
                    </tr>
                    <tr>
                        <td>text:</td>
                        <td rowspan="4">
                            <h1 style="color: gray"><%# Eval("Text") %></h1>
                        </td>
                    </tr>
                    <tr class="hidden">
                        <td>text:</td>
                        <td><%# Eval("Text") %></td>
                    </tr>
                    <tr class="hidden">
                        <td>X:</td>
                        <td><%# Eval("Lon") %></td>
                    </tr>
                    <tr class="hidden">
                        <td>Y:</td>
                        <td><%# Eval("Lat") %></td>
                    </tr>
                    <tr>
                </table>
            </div>
        </ItemTemplate>
        </asp:Repeater>

我将服务器端的转发器绑定到数据源：

PervousResultsList.DataSource = _marker.GetPervousResults();
PervousResultsList.DataBind();

以下是它的外观：

如何将按钮B向左移动，它将如下所示：

Answer 1

<table style="cursor: pointer; width: 100%">
    <asp:Repeater ID="PervousResultsList" runat="server" EnableViewState="False">
        <itemtemplate>
            <div class="row1">
                <tr>

                    <td rowspan="10">
                        <input type="button" id="ddd" value="B" style="height:30px" />
                    </td>

                    <td rowspan="4">
                        <h1 style="color: gray"><%# Eval("Text") %></h1>
                    </td>

                    <td>text:</td>

                    <td rowspan="4">
                        <asp:Image ID="Image1" ImageUrl="~/Images/pushpinred.png" runat="server" Width="32"
                                   Height="32" />
                    </td>


                </tr>

                <tr class="hidden">
                    <td>text:</td>
                    <td><%# Eval("Text") %></td>
                </tr>
                <tr class="hidden">
                    <td>X:</td>
                    <td><%# Eval("Lon") %></td>
                </tr>
                <tr class="hidden">
                    <td>Y:</td>
                    <td><%# Eval("Lat") %></td>
                </tr>

            </div>
        </itemtemplate>
    </asp:Repeater>
</table>

Answer 2

我认为你可以做的是在转发器之外取table定义并正确定义你的表行。

试试这个并告诉我它是否有帮助（我没有测试代码）：

<table style="cursor: pointer; width: 100%">
    <tr>
        <td>Header</td>
        <td>Header</td>
        <td>Header</td>
        <td>Header</td>
        <td>Header</td>
        <td>Header</td>
    </tr>
    <asp:Repeater ID="PervousResultsList" runat="server" EnableViewState="False">
        <ItemTemplate>
            <tr>
                <td>
                    <input type="button" id="ddd" value="B" style="height:30px" />
                </td>
                <td>
                    <asp:Image ID="Image1" ImageUrl="~/Images/pushpinred.png" runat="server" Width="32" Height="32" />
                </td>
                <td>
                    <h1 style="color: gray"><%# Eval("Text") %></h1>
                </td>
                <td>
                    <%# Eval("Text") %>
                </td>
                <td>
                    <%# Eval("Lon") %>
                </td>
                <td>
                    <%# Eval("Lat") %>
                </td>
            </tr>
        </ItemTemplate>
    </asp:Repeater>
</table>

在代码中，转发器将在每次迭代中仅创建表行。您可以在转发器之外定义表和标头，否则您将为每次迭代创建一个新表。通常，<tr>定义一行。