如何将单元格动态添加到已定义的表中
如何将单元格动态添加到已定义的表中
提问于 2018-04-17 19:08:42
我有一个应用程序，接受捐赠的房屋给慈善机构。
我正在使用一个只显示信息的表格，在我的页面底部我有一个总数，这只是一个看起来不漂亮的文本。
我宁愿连接到我的单元格，最好是在我桌子的右下角。
我只是找不到任何可以帮助我做到这一点的W3Schools教程，它添加了一个带按钮的新单元格，这是我不想要的。
这是我的超文本标记语言(旁注:我使用的是C#和Razor)
@using (Html.BeginForm("Index", "Donations", FormMethod.Get))
{ <div>
<fieldset>
<table style="border:none">
<tr>
<td><label class="editor-label">Search Address:</label></td>
<td id="searchBar1">@Html.TextBox("SearchStringAddress")</td>
<td><label class="editor-label">Search House ID:</label></td>
<td></td>
<td id="searchBar2">@Html.TextBox("SearchStringHouseNumber")</td>
<td>
<input type="submit" value="Search" />
</td>
</tr>
</table>
@if (TempData["Error"] != null)
{
<div style="color:red">@TempData["Error"]</div>
}
</fieldset>
</div>
<h2>List of Donations</h2>
<p>
<u> @Html.ActionLink("Add New Donation", "Create")</u>
</p>
<table class="tftable" id="tftable">
<tr>
<th>
@Html.DisplayName("Church Name")
</th>
<th>
@Html.DisplayName("House ID")
</th>
<th>
@Html.DisplayName("House Address")
</th>
<th>
@Html.DisplayName("Type of Donation")
</th>
<th>
@Html.ActionLink("Date Recieved", "Index", new { sortOrder = ViewBag.DateSortParm })
</th>
<th>
@Html.DisplayNameFor(model => model.Amount)
</th>
<th>
@Html.DisplayName("TOTAL")
</th>
</tr>
@if (Model != null)
{
foreach (var item in Model)
{
{
runningTotal += item.Amount;
}
<tr>
<td>
@Html.DisplayFor(modelItem => item.Church.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.HouseId)
</td>
<td>
@Html.DisplayFor(modelItem => item.House.AddressLine1)
</td>
<td>
@Html.DisplayFor(modelItem => item.TypeOfDonation)
</td>
<td>
@Html.DisplayFor(modelItem => item.DateRecieved)
</td>
<td>
@Html.DisplayFor(modelItem => item.Amount)
</td>
</tr>
}
}
</table>
<b>TOTAL: @runningTotal </b>
}有什么办法可以做到这一点吗？
回答 1
Stack Overflow用户
发布于 2018-04-17 19:59:11
如果允许使用Javascript，则只需使用普通的javascript即可将td元素添加到现有表格中：
var node = document.createElement("td");
var textnode = document.createTextNode("Some Text");
node.appendChild(textnode);
document.querySelector("table #row1").appendChild(node);例如，可以使用fetch或xmlhttprequest向服务器查询数据，然后遍历返回的json/xml/txt以向表中添加新元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49885750
复制相关文章
相似问题
腾讯云开发者
