双轴数据网格

时间:2017-03-24 09:17:23

标签: c# html css asp.net .net

所以,基本上我正在创建一个页面,它将查看合同的所有细节,其中一部分将是财务审查,我希望顶部轴为年,左轴为细节,例如。

<table>
  <tr>
    <td>
      
    </td>
    <td>
      <strong>2014</strong>
    </td>
    <td>
      <strong>2015</strong>
    </td>
    <td>
      <strong>2016</strong>
    </td>
  </tr>
  <tr>
    <td>
      <strong>Income</strong>
    </td>
    <td>
      2014 Data
    </td>
    <td>
      2015 Data
    </td>
    <td>
      2016 Data
    </td>
  </tr>
  <tr>
    <td>
      <strong>Expense</strong>
    </td>
    <td>
      2014 Data
    </td>
    <td>
      2015 Data
    </td>
    <td>
      2016 Data
    </td>
  </tr>
  <tr>
    <td>
      <strong>Surplus</strong>
    </td>
    <td>
      2014 Data
    </td>
    <td>
      2015 Data
    </td>
    <td>
      2016 Data
    </td>
  </tr>
</table>

使用boundfields显示此内容的最佳方式是什么?

所以在某种程度上,我可以将它视为网格视图,我可以说

table.DataSource = GetData();
table.DataBind();

编辑: 只是为了澄清,我不想要一个表,我正在寻找一个.Net元素,如果可能的话,它将以与该表相同的方式显示数据?

2 个答案:

答案 0 :(得分:2)

查看bootstrap.css。它们有一些css的硬编码值,就像桌子一样工作。它们有一个很酷的网格样式系统以及数百个其他预定义的css值和JS值。 这是他们的网格系统构建的直接链接:http://getbootstrap.com/css/#grid

祝你好运。

答案 1 :(得分:0)

您也可以使用数据转发器,它可以提供相同的网格外观,但它确实创建了一个表(我相信如此......)。看看

Introduction to the DataRepeater Control (Visual Studio)

Displaying Data with the DataList and Repeater Controls (VB)

Easily display data with the Repeater control in .NET