Tenho uma tabela que é gerada usando JSON:
<div id="divResult" ></div>
O script do JSON:
$.getJSON("@Url.Content("~/CadLevVisCont/ProcessaLevantamento")", { nmUF: catUF, nmRodovia: catRod, nmAno: catData }, function (data) {
$("#divResult").empty();
//Adicionar a tabela na div
table = "<table id='tableResult' class='table table-striped'><thead><tr><th >UF</th>";
table += "<th>BR</th><th >Cod. Levantamento</th><th>Sentido</th><th>km Inicial</th><th>km Final</th><th>Área Quebra de Bordo</th><th>Quantidade de Panelas</th>";
table += "<th>Trincamento</th><th>Trincamento Largo</th><th>Desgaste</th><th>IGG</th><th>ICS</th><th>Data do Levantamento</th><th>Obs</th></tr></thead></table>";
$("#divResult").append(table);
$(eval(data)).each(function (data) {
$("#tableResult").append("<tr ><td>"
+ this.rUF + "</td><td >"
+ this.rBR + "</td><td >"
+ this.rCodLev + "</td><td >"
+ this.rSentido + "</td><td>"
+ this.rkmIni + "</td><td>"
+ this.rkmFim + "</td><td>"
+ this.rAreaQuebraBordo + "</td><td>"
+ this.rQtdPanelas + "</td><td>"
+ this.rPercet+ "</td><td>"
+ this.rPercetLargo + "</td><td>"
+ this.rDesgaste + "</td><td>"
+ this.rIgg + "</td><td>"
+ this.rIcs + "</td><td>"
+ this.rData + "</td><td>"
+ this.rObs + "</td></tr>");
});
});
Como posso fazer com que o título da tabela fique fixo e os dados possam ser vistos através de uma barra de rolagem?
<th>
? Se for isso, é mesmo duplicata.