皆さん、こんにちは。
実際、私は自分のウェブページに大きなテーブルを持っていて、ウェブページのサイズを縮小するときにサイズを縮小したいと思います..今では幅と高さは自動で、ページを縮小すると一部私のテーブルのは隠されています。私は知っています、それは基本的なケースです..しかし、私はcssの初心者です。誰でも私を助けることができますか？ありがとうございました
ClassDisplay.prototype.displayList = function(list,h)
{
//var font = {'font-family':'monospace', 'font-weight':'plain', 'font-size': 15 };
h = '<div id="plot">';
h += '<button id="plotshow" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="margin-top: 2.3%;">Plot Visualisation</button>';
h += '</div>';
h +="<table id=tablesorterr border='1'>";
var List=list;
//var header = list[0];
//var data=list.splice(3);
//var w = colWidths(header, data, font);
for(var i=0;i<List.length;i++)
{
if(i==0)
{
h+="<thead>";
h+="<tr>";
for(var j=0;j<List[i].length;j++)
{
h+="<th id='tabSSHeader_"+List[i][j]+"'><span>"+List[i][j]+"</span></th>";
}
h+="</tr>";
}
h+="</thead>";
h+="<tbody>";
if(i>=3)
{
h+="<tr>";
for(var j=0;j<List[i].length;j++)
{
objetSite.CURTAB = List[i][j];
if(j==0)
{
h+="<td><a href='#' rel='"+objetSite.CURTAB+"' class='clickOnTabLink'>"+objetSite.CURTAB+"</a></td>";
}
else
h+="<td>"+objetSite.CURTAB+"</td>";
}
h+="</tr>";
}
h+="</tbody>";
}
h+="</table>";
h += '<div id="plot">';
h += '<button id="plotshow" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">Plot Visualisation</button>';
h += '</div>';
$("#my_list").html(h);
$("#tablesorterr").tablesorter();
for(var j=0;j<List[0].length;j++)
{
$('#tabSSHeader_'+List[0][j]).tooltip2(List[2][j]);
}
};