❶ js 多表頭 固定
.FixedTitleRow /*固定行*/
{
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 10;
background-color: #00FFFF;
}
.FixedTitleColumn /*在固定的行中固定列*/
{
position: relative;
left: expression(this.parentElement.offsetParent.scrollLeft);
}
.FixedDataColumn /*固定body列*/
{
position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);
background-color: #00FFFF;
}
在指定的行和列中引入以上CSS，就可以固定指定的行和列，不過不建議使用，通過CSS中的expression嵌入js代碼的方式很耗瀏覽器性能，並且只支持ie
❷ 請教js如何實現讓table的表頭的高度固定
方法<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<META http-equiv="Content-Style-Type" content="text/css">
</head>
<script language=javascript>
var t, n, c;
window.onload=function(){
t = document.getElementById("tb");
t.rows[0].style.height="50px" //在這里設置高專度屬
}
❸ angularjs中如何固定表頭，表頭固定，數據可以滾動
推薦使用angular-ui-grid：
使用方法：
app.controller('MainCtrl', ['$scope', '$http', '$log', function ($scope, $http, $log) {
$scope.gridOptions.columnDefs = [
{ name: 'id', pinnedLeft:true },
{ name: 'name'},
{ name: 'age'}]);