2017-03-24 5 views
1

So im Grunde bin ich eine Seite erstellen, die alle Details eines Vertrages anzeigen wird, Teil davon wird eine finanzielle Überprüfung sein, ich möchte die obere Achse Jahre und die linke Achse Details z. Double axis Data Grid

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

Was wäre der beste Weg, dies mit Boundfields angezeigt werden?

So in einer Weise, dass ich es fast wie eine Rasteransicht behandeln kann, wo ich

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

EDIT sagen kann: Nur um zu klären, habe ich nicht einen Tisch wollen, ich bin für eine suchen. Net-Element, das Daten auf die gleiche Weise wie diese Tabelle anzeigen wird, wenn das überhaupt möglich ist?

Antwort

2

überprüfen Sie bootstrap.css. Sie haben einige hart codierte Werte für CSS, die ähnlich wie ein Tisch funktioniert. Sie haben ein cooles Grid-Stil-System sowie Hunderte anderer vordefinierter CSS-Werte und JS-Werte. hier ist eine direkte Verbindung zu ihrem Grid-System bauen: http://getbootstrap.com/css/#grid

Viel Glück.

+0

Dank! Ich werde es mir ansehen :) –