|
|
@@ -1,4 +1,4 @@
|
|
|
-@extends('layouts.app')
|
|
|
+{{--@extends('layouts.app')
|
|
|
|
|
|
@section('content')
|
|
|
<div>
|
|
|
@@ -71,4 +71,122 @@
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
|
-@endsection
|
|
|
+@endsection--}}
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <title></title>
|
|
|
+ <style type="text/css">
|
|
|
+ .Freezing {
|
|
|
+ z-index: 10;
|
|
|
+ position: relative;
|
|
|
+ top: expression(this.offsetParent.scrollTop)
|
|
|
+ }
|
|
|
+ .FreezingCol {
|
|
|
+ z-index: 1;
|
|
|
+ left: expression(document.getElementById("freezingDiv").scrollLeft);
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <br>
|
|
|
+div table固定列<br>
|
|
|
+<div id="freezingDiv" style="overflow:auto; width:400px; height:155px">
|
|
|
+ <table cellspacing="0" cellpadding="4" rules="all" bordercolor="#3366CC" border="1" id="DataGrid1" style="background-color:White;border-color:#3366CC;border-width:1px;border-style:None;width:900px;border-collapse:collapse;">
|
|
|
+
|
|
|
+ <tr class="Freezing" style="color:#CCCCFF;background-color:#003399;font-weight:bold;">
|
|
|
+ <td class="FreezingCol">ID</td>
|
|
|
+ <td class="FreezingCol">姓名</td>
|
|
|
+ <td>年龄</td>
|
|
|
+ <td>电话</td>
|
|
|
+ <td>性别</td>
|
|
|
+ <td>住址</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr style="color:#003399;background-color:White;">
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>1</span>
|
|
|
+ </td>
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>张三</span>
|
|
|
+ </td>
|
|
|
+ <td>29</td>
|
|
|
+ <td>0000000000000</td>
|
|
|
+ <td>男</td>
|
|
|
+ <td>北京</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="color:#003399;background-color:White;">
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>1</span>
|
|
|
+ </td>
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>李四</span>
|
|
|
+ </td>
|
|
|
+ <td>29</td>
|
|
|
+ <td>0000000000000</td>
|
|
|
+ <td>男</td>
|
|
|
+ <td>上海</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="color:#003399;background-color:White;">
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>1</span>
|
|
|
+ </td>
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>王五</span>
|
|
|
+ </td>
|
|
|
+ <td>50</td>
|
|
|
+ <td>0000000000000</td>
|
|
|
+ <td>男</td>
|
|
|
+ <td>上海</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="color:#003399;background-color:White;">
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>1</span>
|
|
|
+ </td>
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>赵六</span>
|
|
|
+ </td>
|
|
|
+ <td>29</td>
|
|
|
+ <td>0000000000000</td>
|
|
|
+ <td>男</td>
|
|
|
+ <td>上海</td>
|
|
|
+ </tr>
|
|
|
+ <tr style="color:#003399;background-color:White;">
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>1</span>
|
|
|
+ </td>
|
|
|
+ <td class="FreezingCol">
|
|
|
+ <span>赵七</span>
|
|
|
+ </td>
|
|
|
+ <td>29</td>
|
|
|
+ <td>0000000000000</td>
|
|
|
+ <td>男</td>
|
|
|
+ <td>上海</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+<br>
|
|
|
+cellspacing =0<br>
|
|
|
+<table width="200" cellspacing="0" border="1" bordercolor="#000000">
|
|
|
+ <tr>
|
|
|
+ <td>sd </td>
|
|
|
+ <td>sd </td>
|
|
|
+ <td>sd </td>
|
|
|
+ </tr>
|
|
|
+</table>
|
|
|
+<br>
|
|
|
+cellspacing =8<br>
|
|
|
+<table width="200" cellspacing="8" border="1" bordercolor="#000000">
|
|
|
+ <tr>
|
|
|
+ <td>sd </td>
|
|
|
+ <td> dd</td>
|
|
|
+ <td>dd </td>
|
|
|
+ </tr>
|
|
|
+</table>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|