我试图在数据绑定控件中显示一组表格数据，但我需要转动表格，使得各个记录是表格列而不是表格行。最终结果是一个具有固定列数和可变行数的表，每个行显示所有记录like this的单个字段。由于＆lt; tr /＆gt;的事实。必须为每个字段定义标签，而不是每个记录，转发器不适合这样做。我想知道的是，是否有任何内置的ASP.NET控件可以实现我想要的。我正在关注ListView控件，但我不确定它是否实际上能够解释我所描述的内容。
有效地，假设记录如下：
Number Yardage Par ...
(Hole) 1 300 4 ...
(Hole) 2 275 4 ...
(Hole) 3 390 5 ...
(Hole) ... ... ... ...
我需要显示：
1 2 3 ...
Yardage: 300 275 390 ...
Par: 4 4 5 ...
...: ... ... ... ...
与＆lt; tr /＆gt;战斗的可行替代方案标签当然是使用display：inline＆lt; divs＆gt;有一些优雅的CSS，但如果我可以保留＆lt; table＆gt;结构是理想的。
谢谢！
答案 0 :(得分：5)
我最近遇到了同样的问题，在寻找答案时发现大多数解决方案都围绕着转移源数据。
我想到问题不在于源数据，而在于我们希望如何渲染它。尽管克里斯上面的回答看起来确实在渲染点改变数据，但我发现我的需求如果我需要一个模板化的网格视图就不够灵活。就在那时，可能更好的解决问题的方法是捕获网格表的HTML标记并改变它 - 这实际上意味着该解决方案可以绝对应用于任何呈现表标记的控件，并且包含任何模板控件在其中将继续工作。
由于时间压力，我只用网格视图实现了解决方案;我原本想制作一个模板服务器控件，如果放入任何控件，它会检查它的标记输出并转动其中包含的任何表格。）
无论如何，这是为网格视图实现此解决方案所需的代码。
自定义服务器控制代码
[ToolboxData("<{0}:PivotGridView runat=server></{0}:PivotGridView>")]
public class PivotGridView : GridView
{
bool _pivotGrid = true;
[Browsable(true)]
public bool PivotGrid
{
get
{
return _pivotGrid;
}
set
{
_pivotGrid = value;
EnsureChildControls();
}
}
protected override void RenderContents(HtmlTextWriter output)
{
if (_pivotGrid)
{
System.IO.TextWriter baseOutputTextWriter = new System.IO.StringWriter();
HtmlTextWriter baseOutputHtmlWriter = new HtmlTextWriter(baseOutputTextWriter);
base.RenderContents(baseOutputHtmlWriter);
output.Write(HtmlParserService.PivotHtmlTableMarkup(baseOutputTextWriter.ToString()));
}
else
{
base.RenderContents(output);
}
}
}
HTML Parser Service代码，分开以便在其他地方轻松实现。
//... using System.Text.RegularExpressions;
public static class HtmlParserService
{
/// <summary>
/// Takes HTML markup locates any table definition held within it and returns that
/// markup with the table HTML pivotted
/// </summary>
/// <param name="html"></param>
/// <returns></returns>
public static string PivotHtmlTableMarkup(string html)
{
html = ReplaceShorthandTableTags(html);
int openingTableTagIndex;
string openingTableTagText;
int closingTableTagIndex;
string tableContentText;
tableContentText = GetTagContentText("table", html, out openingTableTagIndex, out openingTableTagText, out closingTableTagIndex);
MatchCollection rows = GetTagMatches("tr", tableContentText);
if (rows.Count > 0)
{
MatchCollection columns = GetTagMatches("(td|th)", rows[0].Value);
StringBuilder pivottedTableMarkup = new StringBuilder();
for (int i = 0; i < columns.Count; i++)
{
pivottedTableMarkup.Append("<tr>");
foreach (Match row in rows)
{
if (row.Value.Length > 0)
{
columns = GetTagMatches("(td|th)", row.Value);
if (columns.Count>i)
{
pivottedTableMarkup.Append(columns[i].Value);
}
}
}
pivottedTableMarkup.Append("</tr>");
}
string preTableText = "";
if (openingTableTagIndex > 1)
{
preTableText = html.Substring(1, openingTableTagIndex);
}
string postTableText;
postTableText = html.Substring(closingTableTagIndex, html.Length - closingTableTagIndex);
string newHtmlWithPivottedTable;
newHtmlWithPivottedTable = preTableText + openingTableTagText + pivottedTableMarkup.ToString() + postTableText;
return newHtmlWithPivottedTable;
}
else
{
return html;
}
}
/// <summary>
/// Gets the content between the specified tag.
/// </summary>
/// <param name="tag">The tag excluding any markup (e.g. "table" not "<table>"</param>
/// <param name="text">The xml text string to extract content from</param>
/// <param name="openingTagIndex">Outputs the indexed position of the opening tag</param>
/// <param name="openingTagText">Outputs the definition of the tag, e.g. it's attributes etc</param>
/// <param name="closingTagIndex">Outputs the indexed position of the closing tag</param>
/// <returns></returns>
public static string GetTagContentText(string tag, string text, out int openingTagIndex, out string openingTagText, out int closingTagIndex)
{
string contentText;
openingTagIndex = text.ToLower().IndexOf("<" + tag);
openingTagText = text.Substring(openingTagIndex, text.IndexOf(">", openingTagIndex) - openingTagIndex+1);
closingTagIndex = text.ToLower().LastIndexOf("</" + tag + ">");
contentText = text.Substring(
openingTagIndex + openingTagText.Length,
closingTagIndex - (openingTagIndex + openingTagText.Length) );
return contentText;
}
/// <summary>
/// Returns a collection of matches containing the content of each matched tag
/// </summary>
/// <param name="tag">HTML tag to match. Exclude opening and close angled braces.
/// Multiple tags can be matched by specifying them in the following format (tag1|tag2),
/// e.g. (td|th)</param>
/// <param name="html"></param>
/// <returns></returns>
public static MatchCollection GetTagMatches(string tag, string html)
{
Regex regexp = new Regex(@"<" + tag + @"\b[^>]*>(.*?)</" + tag + @">", RegexOptions.IgnoreCase | RegexOptions.Singleline);
return regexp.Matches(html);
}
/// <summary>
/// Ensures any shorthand XML tags are full expressed, e.g.
/// <td/> is converted to <td></td>
/// </summary>
/// <param name="value"></param>
/// <returns></returns>
private static string ReplaceShorthandTableTags(string value)
{
value=value.Replace("<tr/>", "<tr></tr>");
value=value.Replace("<td/>", "<td></td>");
value=value.Replace("<th/>", "<th></th>");
return value;
}
}
答案 1 :(得分：2)
您最好的选择可能是创建自己的服务器控件。
通过创建扩展GridView的自定义服务器控件，我做了类似的事情。然后，我转动了DataSource，并在数据绑定上动态地将列添加到gridview。
我使用GridView方法保持外观和行为类似于我网站的其余部分。或者，您可以创建一个更简单的自定义控件，在Render方法中为表创建html。
祝你好运。
编辑：下面是一个如何基于表格进行服务器控制的示例（这并不难，但要注意我没有测试过这个...）：< / p>
public class PivotTable : Control
{
protected Table pivotTable = new Table();
private DataTable _datasource;
[DesignerSerializationVisibility(DesignerSerializationVisibility.Content),
Category("Data"), Browsable(true),
Description("Gets and sets the DataSource for the Control. Needs to be a DataTable")]
public DataTable DataSource
{
get { return _datasource; }
set
{
if (value.GetType() == typeof(DataTable))
{
throw new Exception("DataSource must be a DataTable.");
}
_datasource = value;
}
}
public override ControlCollection Controls
{
get
{
EnsureChildControls();
return base.Controls;
}
}
protected override void CreateChildControls()
{
Table tbl = new Table();
foreach (DataColumn dc in DataSource.Columns)
{
TableRow tr = new TableRow();
TableHeaderCell header = new TableHeaderCell();
header.Text = dc.ColumnName;
tr.Controls.Add(header);
foreach (DataRow dr in DataSource.Rows)
{
TableCell tc = new TableCell();
tc.Text = dr[dc.ColumnName].ToString();
tr.Controls.Add(tc);
}
tbl.Controls.Add(tr);
}
Controls.Add(tbl);
}
}
答案 2 :(得分：0)
你可以使用Table组件但是你需要努力工作才能得到你想要的东西。对我来说最好的解决方案是使用GridView。您可以将透视结果集填充到数据表并动态创建数据表列和行。获得所需格式后，可以将数据表绑定到GridView。
之前我做过类似的事情，实现起来更容易，而不是尝试创建自己的控件。
答案 3 :(得分：0)
可以使用第三方交叉表控件。首先想到DevXpress ASPxPivotGrid。
如果您需要交叉表纯粹用于独立的非交互式报表，那么您可以考虑使用单独的报表工具并将报表嵌入到ASP.NET报表查看器控件中。 SQL Server Reporting Services 2008对表格和矩阵数据有一个很好的tablix region。 Telerik Reporting也有交叉表。
但是，如果您的需求简单且定义明确，那么按照建议推出HTML表格控件可能是最快的解决方案。