Question

我有一些ASP.NET网站，我从其代码隐藏文件中编写了两个Table，我尝试将它们放在同一行。当我检查它时，它可以与我的电脑配合使用，但它不能在其他尺寸的其他设备上工作。然后第二张桌子因为它没有太多空间而下降。我使用百分比来设置表格宽度，所以我不知道它为什么不在其他设备中工作相同..这是我生成表格的代码的一部分：

else if (level >= CMD.PList && (string)Request.QueryString["action"] == "plist")
{
    int count = 0;
    DataSet data = Database.GetDataOffline("SELECT * FROM " + Database.Table + " WHERE " + Database.Adminlvl + "> 0 ORDER BY " + Database.Adminlvl + " DESC, " + Database.ID + " ASC");
    oac.InnerHtml += "<table style='width:47%; border: 2px solid black; text-align:center; margin-left: 3%; margin-right: auto; margin-top: 3px; margin-bottom:15px; float: left'><tr><th style='border-bottom: 2px dashed red' colspan='15'><h3 style='margin:0'>Admin List</h3></th></tr>"
        + "<tr><th>ID</th><th>Name</th><th>IP</th><th>Money</th><th>Score</th><th>Kills</th><th>Deaths</th><th>Admin</th><th>VIP</th><th>Status</th><th>Action</th></tr>";
    if (data.Tables[0].Rows.Count != 0)
    {
        foreach (DataRow row in data.Tables[0].Rows)
        {
            count++;
            oac.InnerHtml += "<tr><td> " + row[Database.ID] + "</td><td>" + row[Database.Name] + "</td><td>Confidential" /*+ row[Database.IP]*/ + "</td><td>" + row[Database.Money]
                + "</td><td>" + row[Database.Score] + "</td><td>" + row[Database.Kills] + "</td><td>" + row[Database.Deaths] + "</td><th>" + row[Database.Adminlvl]
                + "</th><td>" + row[Database.Viplvl] + "</td><td>TODO</td><td><a href='OActions.aspx?action=modify&ID=" + row[Database.ID] + "'>Modify</a></td></tr>";
            }
        }
        if (count == 0)
            oac.InnerHtml += "<tr><td colspan='15'>No admins found in the database.</td></tr>";
        count = 0;
        oac.InnerHtml += "</table>";
        data = Database.GetDataOffline("SELECT * FROM " + Database.Table + " WHERE " + Database.Viplvl + "> 0 ORDER BY " + Database.Viplvl + " DESC, " + Database.ID + " ASC");
        oac.InnerHtml += "<table style='width:47%; border: 2px solid black; text-align:center; margin-left: auto; margin-right: 3%; margin-top: 3px; margin-bottom:15px; float: right'><tr><th style='border-bottom: 2px dashed purple' colspan='15'><h3 style='margin:0'>VIP List</h3></th></tr>"
            + "<tr><th>ID</th><th>Name</th><th>IP</th><th>Money</th><th>Score</th><th>Kills</th><th>Deaths</th><th>Admin</th><th>VIP</th><th>Status</th><th>Action</th></tr>";
        if (data.Tables[0].Rows.Count != 0)
        {
            foreach (DataRow row in data.Tables[0].Rows)
            {
                count++;
                oac.InnerHtml += "<tr><td> " + row[Database.ID] + "</td><td>" + row[Database.Name] + "</td><td>Confidential" /*+ row[Database.IP]*/ + "</td><td>" + row[Database.Money]
                    + "</td><td>" + row[Database.Score] + "</td><td>" + row[Database.Kills] + "</td><td>" + row[Database.Deaths] + "</td><td>" + row[Database.Adminlvl]
                    + "</td><th>" + row[Database.Viplvl] + "</th><td>TODO</td><td><a href='OActions.aspx?action=modify&ID=" + row[Database.ID] + "'>Modify</a></td></tr>";
            }
        }
        if (count == 0)
            oac.InnerHtml += "<tr><td colspan='15'>No VIPs found in the database.</td></tr>";
    }

Answer 1

在代码后面编写HTML代码不是最佳做法。但是如果你想在同一行中有两个表，你必须在DOM中拥有这个最终的HTML代码。

    <div id="container" style="width:100%;display:inline">
     <table id="table_one" style="width:47%;Float:left">
      ...
     </table>
     <table id="table_Two" style="width:47%;Float:left">
      ...
     </table>
   </div>

重新调整表格大小以适应屏幕

1 个答案: