Kopf- und Fußzeile der Tabelle festgelegt mit Repeater Steuer

Ich habe diese Repeater i blättern und festen Kopf- und Fußzeile angezeigt werden sollKopf- und Fußzeile der Tabelle festgelegt mit Repeater Steuer

unten ist der Code, den ich in Repeater zeigen tat

<table> 
 
<thead> 
 
    <tr> 
 
    <td>Sr No.</td> 
 
    <td>Firstname</td> 
 
    <td>Middlename</td> 
 
    <td>Lastname</td> 
 
    <td>Salary</td> 
 
    <td>Join Date</td> 
 
    <td>Gender</td> 
 
    <td>DOB</td> 
 
    <td>Designation</td> 
 
    <td>Department</td> 
 
    <td>HR Manager</td> 
 
    <td>Reporting Manager</td> 
 
    </tr> 
 
</thead> 
 
    
 
<tbody> 
 
    <asp:Repeater ID="repEmpList" runat="server"> 
 
    <ItemTemplate> 
 
    <tr> 
 
     <td><%#Container.ItemIndex+1 %></td> 
 
    <td>Firstname</td> 
 
    <td>Middlename</td> 
 
    <td>Lastname</td> 
 
    <td>Join Date</td> 
 
    <td>Gender</td> 
 
    <td>DOB</td> 
 
    <td>Designation</td> 
 
    <td>Department</td> 
 
    <td>HR Manager</td> 
 
    <td>Reporting Manager</td> 
 
    </tr> 
 
    </ItemTemplate> 
 
    </asp:Repeater> 
 
    </tbody> 
 
    <tfoot> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    <td>0.00</td> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
</tfoot> 
 
</table>

jetzt will ich beiden Rollen horizontal und vertikal mit festen Kopf- und Fußzeilen

wie kann ich das machen?

Bitte helfen Sie mir

Sie

Vielen Dank im Voraus

Quelle

2016-07-09 Ravi Sargam

thead, tbody { display: block; width:500px; padding: 0px; } 
 
td {width:150px;} 
 
th {width:150px;} 
 

 
#thbold { 
 
\t text-align: center; 
 
    color: red; 
 
\t } 
 
td { padding : 0px;} 
 
th { padding : 0px;} 
 
tr { padding : 0px;} 
 
table, td, th { 
 
    border: 2px solid black; 
 
    margin : 0px; 
 
    padding : 0px; 
 
    
 
} \t 
 
tbody { 
 
    height: 100px;  /* Just for the demo   */ 
 
    overflow-y: scroll; /* Trigger vertical scroll */ 
 
    overflow-x: scroll; /* Hide the horizontal scroll */ 
 
\t 
 
\t 
 
}

<html> 
 

 
<body> 
 
<table style="width:300px;"> 
 

 

 
<tbody> 
 
<tr id="thbold"> 
 
    <th>Head 1</th> 
 
    <th>Head 2</th> 
 
    <th>Head 3</th> 
 
    <th>Head 4</th> 
 
    <th>Head 5</th> 
 

 
</tr> 
 
<tr> 
 
    <td>Content 1</td> 
 
    <td>Content 2</td> 
 
    <td>Content 3</td> 
 
    <td>Content 4</td> 
 
    <td>Content 5</td> 
 

 
</tr> 
 
<tr> 
 
    <td>Content 1</td> 
 
    <td>Content 2</td> 
 
    <td>Content 3</td> 
 
    <td>Content 4</td> 
 
    <td>Content 5</td> 
 

 
</tr><tr> 
 
    <td>Content 1</td> 
 
    <td>Content 2</td> 
 
    <td>Content 3</td> 
 
    <td>Content 4</td> 
 
    <td>Content 5</td> 
 

 
</tr><tr> 
 
    <td>Content 1</td> 
 
    <td>Content 2</td> 
 
    <td>Content 3</td> 
 
    <td>Content 4</td> 
 
    <td>Content 5</td> 
 
</tr> 
 
</tbody> 
 
</table> 
 

 
</body> 
 

 
</html>

dies ist ein sehr schnell Code getan, obwohl dies auf Ihre Bedürfnisse zugeschnitten zu sein scheint. Fühlen Sie sich frei, es nach Ihren Bedürfnissen zu ändern und zu gestalten. Denken Sie daran, thead und tbody als Anzeigetyp zum Blockieren festzulegen und die Höhe und Breite des Blocks zu begrenzen, indem Sie overflow-x, overflow-y für den Bildlauf festlegen. Bitte zögern Sie nicht für weitere Erläuterungen

Quelle

2016-07-09 11:58:09

** @ Vipin Mohan R Nair ** sorry Sir ich verstehe nicht Ihren Code mit meiner Situation, wenn möglich bitte Antwort einschließlich meinen Code und Format –

Sie wollten eine Tabelle mit horizontalen und vertikale Schriftrolle rechts? @RaviSargam –

** @ Vipin Mohan R Nair ** ya, aber mit festen (freeze) Kopf- und Fußzeile auch .. –

Kopf- und Fußzeile der Tabelle festgelegt mit Repeater Steuer

Antwort

Verwandte Themen