❶ 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'}]);