HTML表格还是CSS？（版面问题）

我正在努力理解如何使用HTML表格/CSS实现我想要的外观，同时还拥有一个手风琴，我从多个SharePoint列表中获取数据，并将其显示到JqueryUI手风琴中的页面。然而，因为它本质上只是一个数据转储，我需要能够添加标题，以便用户知道数据是什么。我已经创建了一个JS文件，介绍了我是如何尝试这样做的，下面解释了一些问题：

我试图实现的外观是父数据集顶部的一组标题，其中来自该集合的数据是手风琴的可单击部分。这些需要在标题下排列数据。这几乎就是我所面临的全部问题，当我希望信息填充所有列时，它们似乎只在后续行中使用HTML表的第一个（最好使用一种方法来匹配信息在其标题下的位置）

老实说，我对CSS了解不够，也不知道如何使用DIV实现这一点，同时仍然能够获取信息

我遇到的最大问题是，因为填充这些表的数据是从SharePoint列表/视图调用的，所以列的数量是完全动态的，所以我无法硬编码列宽/数字

任何关于如何使用CSS或HTML或两者的建议都将不胜感激

下面是我当前用于生成此文件的代码（C#因为它用于SharePoint Web部件）

试试看
{
如果（parentItems.Count>0）
{
newHTML=newHTML+“”；
foreach（视图字段中的字符串字段名）
{
newHTML=newHTML+“”+parentList.Fields.GetFieldByInternalName（fieldName.Title+“”）；
}
newHTML=newHTML+“”；
}
}
抓住
{
newHTML=newHTML+“未找到结果”；
}
foreach（parentItems中的SPListItem parentitem）
{
newHTML=newHTML+“父项：“+parentitem.ID.ToString（）+”；
foreach（childItems中的SPListItem childitem）
{
如果（childitem[RelatedID].ToString（）==parentitem.ID.ToString（））
{
newHTML=newHTML+“”+childitem.ID.ToString（）+“”；
}
}
newHTML=newHTML+“”；
}
newHTML=newHTML+“”；
}

在Web部件中，我添加了以下名称：

<div id="accordion">
     <%= this.newHTML %>
</div>

我希望我已经提供了足够的信息，尽管上面的代码与这个问题并不相关，但它将向您展示我如何尝试动态输出HTML以实现我的目标

如果您需要，很乐意提供更多信息

---

亲爱的，

删掉一些文字可能会吸引更多的注意力，巴德。我不知道你说的一些文字是什么意思？这就是说，如果你特别想要一些更多的信息，我很乐意提供，只是请更具体一点，然后文本，因为我不知道你指的是什么。谢谢你的评论编辑：抱歉，剃须，没有显示。我知道你的意思。我上一次发布的帖子中，他们抱怨我没有很好地解释这个问题，所以这次我可能有点过火了>>实现信息的正确平衡有时很难。在我完成我的工作后，我会尽量缩短你的问题。也许你可以在后端处理你的数据，而不是尝试使用CSS来完成所有这些。我不确定您的环境是什么，但如果您有一个.Net MVC控制器，例如，您可以将数据解析为标题项

父项1日期操作

，其中包含

子项的列表或IEnumeration

。此时的结构是父级和子级的简单css。

<div id="accordion">
     <%= this.newHTML %>
</div>