HTML 테이블의 데이터 테이블
질문이 있습니다. 여기 있는 누군가가 저를 도와주는 것을 꺼리지 않을지도 모릅니다.예를 들어 3개의 데이터 테이블에 각각 다음과 같은 열이 있습니다.
크기, 수량, 양, 기간
데이터 테이블 및 값의 이름
LivingRoom
================
1
1
1
1
2
2
2
2
BathRoom
================
3
3
3
3
4
4
4
4
BedRoom
=================
5
5
5
5
6
6
6
6
이제 저는 html 송장을 작성하려고 합니다. 모든 데이터 테이블을 루프하여 다음 html 출력을 매우 기본적으로 출력할 수 있습니다.
<table>
<tr>
<td>Area</td>
</tr>
<tr>
<td>Living Room</td>
</tr>
<tr>
<td>Size</td>
<td>Quantity</td>
<td>Amount</td>
<td>Duration</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>Area</td>
</tr>
<tr>
<td>Bathroom</td>
</tr>
<tr>
<td>Size</td>
<td>Quantity</td>
<td>Amount</td>
<td>Duration</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>Area</td>
</tr>
<tr>
<td>Bedroom</td>
</tr>
<tr>
<td>Size</td>
<td>Quantity</td>
<td>Amount</td>
<td>Duration</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
<td>6</td>
<td>6</td>
</tr>
</table>
거의 대부분의 영역에는 데이터 테이블의 이름이 있고, 각 영역 루프 아래에는 특정 데이터 테이블이 있고 해당 형식으로 데이터를 출력합니다.나는 반복되는 논리나 이것을 어떻게 하는지 알아낼 수가 없습니다. 나는 이것에 대해 지난 며칠 동안 머리가 깨졌습니다. 아마도 나는 그것을 잘못된 방법으로 생각하고 있을 뿐이지만 나는 이것에 대해 정말로 도움이 필요할 수 있습니다.
다음 기능을 사용합니다.
public static string ConvertDataTableToHTML(DataTable dt)
{
string html = "<table>";
//add header row
html += "<tr>";
for(int i=0;i<dt.Columns.Count;i++)
html+="<td>"+dt.Columns[i].ColumnName+"</td>";
html += "</tr>";
//add rows
for (int i = 0; i < dt.Rows.Count; i++)
{
html += "<tr>";
for (int j = 0; j< dt.Columns.Count; j++)
html += "<td>" + dt.Rows[i][j].ToString() + "</td>";
html += "</tr>";
}
html += "</table>";
return html;
}
public static string toHTML_Table(DataTable dt)
{
if (dt.Rows.Count == 0) return ""; // enter code here
StringBuilder builder = new StringBuilder();
builder.Append("<html>");
builder.Append("<head>");
builder.Append("<title>");
builder.Append("Page-");
builder.Append(Guid.NewGuid());
builder.Append("</title>");
builder.Append("</head>");
builder.Append("<body>");
builder.Append("<table border='1px' cellpadding='5' cellspacing='0' ");
builder.Append("style='border: solid 1px Silver; font-size: x-small;'>");
builder.Append("<tr align='left' valign='top'>");
foreach (DataColumn c in dt.Columns)
{
builder.Append("<td align='left' valign='top'><b>");
builder.Append(c.ColumnName);
builder.Append("</b></td>");
}
builder.Append("</tr>");
foreach (DataRow r in dt.Rows)
{
builder.Append("<tr align='left' valign='top'>");
foreach (DataColumn c in dt.Columns)
{
builder.Append("<td align='left' valign='top'>");
builder.Append(r[c.ColumnName]);
builder.Append("</td>");
}
builder.Append("</tr>");
}
builder.Append("</table>");
builder.Append("</body>");
builder.Append("</html>");
return builder.ToString();
}
Omer Eldan이 게시한 것처럼 여기서 주목할 만한 해결책을 보았습니다.하지만 다음은 이렇습니다.ASPC#
using System.Data;
using System.Web.UI.HtmlControls;
public static Table DataTableToHTMLTable(DataTable dt, bool includeHeaders)
{
Table tbl = new Table();
TableRow tr = null;
TableCell cell = null;
int rows = dt.Rows.Count;
int cols = dt.Columns.Count;
if (includeHeaders)
{
TableHeaderRow htr = new TableHeaderRow();
TableHeaderCell hcell = null;
for (int i = 0; i < cols; i++)
{
hcell = new TableHeaderCell();
hcell.Text = dt.Columns[i].ColumnName.ToString();
htr.Cells.Add(hcell);
}
tbl.Rows.Add(htr);
}
for (int j = 0; j < rows; j++)
{
tr = new TableRow();
for (int k = 0; k < cols; k++)
{
cell = new TableCell();
cell.Text = dt.Rows[j][k].ToString();
tr.Cells.Add(cell);
}
tbl.Rows.Add(tr);
}
return tbl;
}
왜 이 해결책입니까?패널에 쉽게 추가할 수 있기 때문입니다.
panel.Controls.Add(DataTableToHTMLTable(dtExample,true));
두 번째 질문, 어레이의 데이터 테이블이 아닌 하나의 열 데이터 테이블을 사용하는 이유는 무엇입니까?데이터가 들쭉날쭉하면 아무 소용이 없기 때문에 이러한 데이터 테이블이 균일하다고 확신하십니까?이러한 데이터 테이블에 참여해야 하는 경우, Linkq 연산의 예가 많거나 단순히 사용하는 경우가 많습니다(단, 동일한 이름 열을 사용하면 Linkq 연산과 이 솔루션 모두에서 충돌합니다).
public DataTable joinUniformTable(DataTable dt1, DataTable dt2)
{
int dt2ColsCount = dt2.Columns.Count;
int dt1lRowsCount = dt1.Rows.Count;
DataColumn column;
for (int i = 0; i < dt2ColsCount; i++)
{
column = new DataColumn();
string colName = dt2.Columns[i].ColumnName;
System.Type colType = dt2.Columns[i].DataType;
column.ColumnName = colName;
column.DataType = colType;
dt1.Columns.Add(column);
for (int j = 0; j < dt1lRowsCount; j++)
{
dt1.Rows[j][colName] = dt2.Rows[j][colName];
}
}
return dt1;
}
솔루션은 다음과 같습니다.
panel.Controls.Add(DataTableToHTMLTable(joinUniformTable(joinUniformTable(LivDT,BathDT),BedDT),true));
나머지는 해석하고 재미있게 놀아요.
첫 번째 답은 맞지만, 데이터 양이 많으면(내 프로젝트에서는 8,000행 * 8열) 비극적으로 느립니다.c#에서 그렇게 큰 문자열을 갖는 것이 그 솔루션이 금지된 이유입니다.
큰 문자열을 사용하는 대신 HTML 테이블의 문자열을 반환하기 위해 마지막에 조인하는 문자열 배열을 사용했습니다.게다가, 저는 linq 표현을 사용했습니다 ((열의 o부터).ItemArray o를 선택합니다.ToString().ToArray()를 선택하여 테이블의 각 DataRow를 다시 루프하는 대신에 가능한 한 많은 시간을 절약할 수 있습니다.
다음은 제 샘플 코드입니다.
private string MakeHtmlTable(DataTable data)
{
string[] table = new string[data.Rows.Count] ;
long counter = 1;
foreach (DataRow row in data.Rows)
{
table[counter-1] = "<tr><td>" + String.Join("</td><td>", (from o in row.ItemArray select o.ToString()).ToArray()) + "</td></tr>";
counter+=1;
}
return "</br><table>" + String.Join("", table) + "</table>";
}
만약 누군가가 이곳에 도착해서 VB를 바라고 있었을 경우(나는 그랬고, 나는 검색어로 c#을 입력하지 않았습니다), 여기 첫 번째 응답의 기본이 있습니다.
Public Shared Function ConvertDataTableToHTML(dt As DataTable) As String
Dim html As String = "<table>"
html += "<tr>"
For i As Integer = 0 To dt.Columns.Count - 1
html += "<td>" + System.Web.HttpUtility.HtmlEncode(dt.Columns(i).ColumnName) + "</td>"
Next
html += "</tr>"
For i As Integer = 0 To dt.Rows.Count - 1
html += "<tr>"
For j As Integer = 0 To dt.Columns.Count - 1
html += "<td>" + System.Web.HttpUtility.HtmlEncode(dt.Rows(i)(j).ToString()) + "</td>"
Next
html += "</tr>"
Next
html += "</table>"
Return html
End Function
이 링크에서
using System;
using System.Collections.Generic;
using System.Data;
using System.Globalization;
using System.Text;
using System.Xml;
namespace ClientUtil
{
public class DataTableUtil
{
public static string DataTableToXmlString(DataTable dtData)
{
if (dtData == null || dtData.Columns.Count == 0)
return (string) null;
DataColumn[] primaryKey = dtData.PrimaryKey;
StringBuilder stringBuilder = new StringBuilder();
stringBuilder.Append(“<TABLE>”);
stringBuilder.Append(“<TR>”);
foreach (DataColumn dataColumn in (InternalDataCollectionBase) dtData.Columns)
{
if (DataTableUtil.IsPrimaryKey(dataColumn.ColumnName, primaryKey))
stringBuilder.Append(“<TH IsPK=’true’ ColType='”).Append(Convert.ToString(dataColumn.DataType == typeof (object) ? (object) typeof (string) : (object) dataColumn.DataType)).Append(“‘>”).Append(dataColumn.ColumnName.Replace(“&”, “”)).Append(“</TH>”);
else
stringBuilder.Append(“<TH IsPK=’false’ ColType='”).Append(Convert.ToString(dataColumn.DataType == typeof (object) ? (object) typeof (string) : (object) dataColumn.DataType)).Append(“‘>”).Append(dataColumn.ColumnName.Replace(“&”, “”)).Append(“</TH>”);
}
stringBuilder.Append(“</TR>”);
int num1 = 0;
foreach (DataRow dataRow in (InternalDataCollectionBase) dtData.Rows)
{
stringBuilder.Append(“<TR>”);
int num2 = 0;
foreach (DataColumn dataColumn in (InternalDataCollectionBase) dtData.Columns)
{
string str = Convert.IsDBNull(dataRow[dataColumn.ColumnName]) ? (string) null : Convert.ToString(dataRow[dataColumn.ColumnName]).Replace(“<“, “<”).Replace(“>”, “>”).Replace(“\””, “"”).Replace(“‘”, “'”).Replace(“&”, “&”);
if (!string.IsNullOrEmpty(str))
stringBuilder.Append(“<TD>”).Append(str).Append(“</TD>”);
else
stringBuilder.Append(“<TD>”).Append(“</TD>”);
++num2;
}
stringBuilder.Append(“</TR>”);
++num1;
}
stringBuilder.Append(“</TABLE>”);
return ((object) stringBuilder).ToString();
}
protected static bool IsPrimaryKey(string ColumnName, DataColumn[] PKs)
{
if (PKs == null || string.IsNullOrEmpty(ColumnName))
return false;
foreach (DataColumn dataColumn in PKs)
{
if (dataColumn.ColumnName.ToLower().Trim() == ColumnName.ToLower().Trim())
return true;
}
return false;
}
public static DataTable XmlStringToDataTable(string XmlData)
{
DataTable dataTable = (DataTable) null;
IList<DataColumn> list = (IList<DataColumn>) new List<DataColumn>();
if (string.IsNullOrEmpty(XmlData))
return (DataTable) null;
XmlDocument xmlDocument1 = new XmlDocument();
xmlDocument1.PreserveWhitespace = true;
XmlDocument xmlDocument2 = xmlDocument1;
xmlDocument2.LoadXml(XmlData);
XmlNode xmlNode1 = xmlDocument2.SelectSingleNode(“/TABLE”);
if (xmlNode1 != null)
{
dataTable = new DataTable();
int num = 0;
foreach (XmlNode xmlNode2 in xmlNode1.SelectNodes(“TR”))
{
if (num == 0)
{
foreach (XmlNode xmlNode3 in xmlNode2.SelectNodes(“TH”))
{
bool result = false;
string str = xmlNode3.Attributes[“IsPK”].Value;
if (!string.IsNullOrEmpty(str))
{
if (!bool.TryParse(str, out result))
result = false;
}
else
result = false;
Type type = Type.GetType(xmlNode3.Attributes[“ColType”].Value);
DataColumn column = new DataColumn(xmlNode3.InnerText, type);
if (result)
list.Add(column);
if (!dataTable.Columns.Contains(column.ColumnName))
dataTable.Columns.Add(column);
}
if (list.Count > 0)
{
DataColumn[] dataColumnArray = new DataColumn[list.Count];
for (int index = 0; index < list.Count; ++index)
dataColumnArray[index] = list[index];
dataTable.PrimaryKey = dataColumnArray;
}
}
else
{
DataRow row = dataTable.NewRow();
int index = 0;
foreach (XmlNode xmlNode3 in xmlNode2.SelectNodes(“TD”))
{
Type dataType = dataTable.Columns[index].DataType;
string s = xmlNode3.InnerText;
if (!string.IsNullOrEmpty(s))
{
try
{
s = s.Replace(“<”, “<“);
s = s.Replace(“>”, “>”);
s = s.Replace(“"”, “\””);
s = s.Replace(“'”, “‘”);
s = s.Replace(“&”, “&”);
row[index] = Convert.ChangeType((object) s, dataType);
}
catch
{
if (dataType == typeof (DateTime))
row[index] = (object) DateTime.ParseExact(s, “yyyyMMdd”, (IFormatProvider) CultureInfo.InvariantCulture);
}
}
else
row[index] = Convert.DBNull;
++index;
}
dataTable.Rows.Add(row);
}
++num;
}
}
return dataTable;
}
}
}
하드 코딩된 문자열의 사용을 방지하는 솔루션을 여전히 찾고 있는 경우 HtmlTextWriter Nuget 패키지를 사용할 수 있습니다.
// NOTE: dt is the `DataTable` type object
StringBuilder sbControlHtml = new StringBuilder();
using (StringWriter stringWriter = new StringWriter())
{
using HtmlTextWriter htmlWriter = new HtmlTextWriter(stringWriter);
htmlWriter.RenderBeginTag(HtmlTextWriterTag.Table);
// add header row
htmlWriter.RenderBeginTag(HtmlTextWriterTag.Tr);
foreach(DataColumn col in dt.Columns)
{
htmlWriter.RenderBeginTag(HtmlTextWriterTag.Td);
htmlWriter.Write(col.ColumnName);
htmlWriter.RenderEndTag();
}
htmlWriter.RenderEndTag();
// add rows
foreach(DataRow row in dt.Rows)
{
htmlWriter.RenderBeginTag(HtmlTextWriterTag.Tr);
foreach(DataColumn col in dt.Columns)
{
htmlWriter.RenderBeginTag(HtmlTextWriterTag.Td);
htmlWriter.Write(row[col].ToString());
htmlWriter.RenderEndTag();
}
htmlWriter.RenderEndTag();
}
htmlWriter.RenderEndTag();
sbControlHtml.Append(stringWriter.ToString());
}
이 라이브러리의 좋은 점은 지원한다는 것입니다..Net Standard저 같은 경우에는,.Net Core에대한대의 .HtmlTextWriter만 수있는할용에서만 했던 것..Net Framework는 이 코를드간넣었니다습히단이▁in에 ..Net Standard한 다음 프젝트후참습니다했조로에서 참조했습니다..Net Core 둘, 셋
웹 양식을 사용하는 경우 그리드 보기가 이 작업에 매우 적합합니다.
코드는 이렇게 생겼습니다.
아스펙스펙스 페이지
<asp:GridView ID="GridView1" runat="server" DataKeyNames="Name,Size,Quantity,Amount,Duration"></asp:GridView>
데이터를 수동으로 입력하거나 코드 측에서 소스 방법을 사용할 수 있습니다.
public class Room
{
public string Name
public double Size {get; set;}
public int Quantity {get; set;}
public double Amount {get; set;}
public int Duration {get; set;}
}
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)//this is so you can keep any data you want for the list
{
List<Room> rooms=new List<Room>();
//then use the rooms.Add() to add the rooms you need.
GridView1.DataSource=rooms
GridView1.Databind()
}
}
개인적으로 저는 MVC4를 좋아합니다. 클라이언트 사이드 코드는 웹 양식보다 훨씬 가볍게 끝납니다.클래스를 사용하는 위의 예와 비슷하지만 보기와 컨트롤러를 대신 사용합니다.
보기는 다음과 같습니다.
@model YourProject.Model.IEnumerable<Room>
<table>
<th>
<td>@Html.LabelFor(model => model.Name)</td>
<td>@Html.LabelFor(model => model.Size)</td>
<td>@Html.LabelFor(model => model.Quantity)</td>
<td>@Html.LabelFor(model => model.Amount)</td>
<td>@Html.LabelFor(model => model.Duration)</td>
</th>
foreach(item in model)
{
<tr>
<td>@model.Name</td>
<td>@model.Size</td>
<td>@model.Quantity</td>
<td>@model.Amount</td>
<td>@model.Duration</td>
</tr>
}
</table>
컨트롤러는 다음과 같이 보일 수 있습니다.
public ActionResult Index()
{
List<Room> rooms=new List<Room>();
//again add the items you need
return View(rooms);
}
이것이 도움이 되길 바랍니다 :)
다른 답변에서는 보지 못했고, 코드 줄과 속도가 더 효율적이기 때문에 VB의 솔루션을 소개합니다.문자열 작성기를 사용하는 NET과 문자열을 사용하는 람다 함수.열에 대한 루프 대신 조인합니다.
Dim sb As New StringBuilder
sb.Append("<table>")
sb.Append("<tr>" & String.Join("", dt.Columns.OfType(Of DataColumn)().Select(Function(x) "<th>" & x.ColumnName & "</th>").ToArray()) & "</tr>")
For Each row As DataRow In dt.Rows
sb.Append("<tr>" & String.Join("", row.ItemArray.Select(Function(f) "<td>" & f.ToString() & "</td>")) & "</tr>")
Next
sb.Append("</table>")
당신은 이것에 당신만의 스타일을 꽤 쉽게 추가할 수 있습니다.
제가 알기로는 asp.net 를 c#과 함께 사용하여 하나의 html 테이블에 3개의 테이블 데이터를 표시해야 합니다.
3개의 DataTable 객체로 하나의 데이터셋을 생성하는 것이 가장 좋습니다.
페이지 로드 시 해당 데이터 세트를 GriView에 직접 바인딩합니다.
언급URL : https://stackoverflow.com/questions/19682996/datatable-to-html-table
'programing' 카테고리의 다른 글
| 요청한 항목을 찾을 수 없습니다.Visual Studio 2010 Professional의 Net Framework 데이터 공급자 (0) | 2023.08.05 |
|---|---|
| jquery를 tampermonkey 스크립트에 로드하려고 합니다. (0) | 2023.08.05 |
| ASP용 사용자 정의 구성원 자격 공급자를 생성하려면 어떻게 해야 합니까?NET MVC 2? (0) | 2023.08.05 |
| 다른 PC에서 라라벨 앱에 액세스하려면 어떻게 해야 합니까? (0) | 2023.08.05 |
| WHERE가 작동하지 않는 다중 테이블 업데이트 (0) | 2023.08.05 |