雙軸數據網格

Question

所以，基本上我創建一個頁面，將查看合同的所有細節，其中一部分將是財務審查，我希望頂軸是年，左軸是細節。

<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>

什麼是用綁定列來顯示這一點的最好方法是什麼？所以，我可以把它幾乎像一個網格視圖，我可以說

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

編輯方式

： 只是爲了澄清，我不希望有一個表，我在找一個。如果可能的話，將以與此表相同的方式顯示數據的Net元素？

Answer 1

檢查bootstrap.css。他們有一些硬編碼的CSS值，這很像一個表格。他們有一個很酷的網格樣式系統以及數百個其他預定義的CSS值和JS值。 這裏是直接鏈接到他們的網格系統構建：http://getbootstrap.com/css/#grid

祝你好運。

Answer 2

你也可以使用數據中繼器，它給你相同的網格外觀，但它確實創建了一個表格（我相信是這樣）。看看

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