html限制表格比例是什么意思,HTML表格比例适合

下面是我目前使用的东西，它嵌入到一个项目中(例如参见类)，但可以随意使用它作为灵感。

scaleTable = function (markupId) {

//This hacky stuff is used because the table is invisible in IE.

function realWidth(obj){

var clone = obj.clone();

clone.css("visibility","hidden");

$('body').append(clone);

var width = clone.outerWidth();

clone.remove();

return width;

}

function realHeight(obj){

var clone = obj.clone();

clone.css("visibility","hidden");

$('body').append(clone);

var height = clone.outerHeight();

clone.remove();

return height;

}

var table = $("#"+markupId+" table:first-of-type");

var tablecontainer = $("#"+markupId).parents(".scalabletablecontainer");

var scalex = tablecontainer.innerWidth()/realWidth(table);

var scaley = tablecontainer.innerHeight()/realHeight(table);

var scale = Math.min(scalex, scaley);

if (scale<1.0) {

var fontsize = 12.0 * scale;

var padding = 5.0 * scale;

$("#"+markupId+" table tbody").css("font-size", fontsize + "px");

$("#"+markupId+" table tbody TD").css("padding",padding + "px");

$("#"+markupId+" table TH").css("padding",padding + "px");

}

};