zhouzhendong
/
baoshi-was


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
							{{--@extends('layouts.app')

@section('content')
    <div>
        <table class="table table-hover table-striped table-bordered">
            <tr>
               <th>11</th>
               <th>22</th>
               <th>33</th>
               <th>44</th>
               <th>55</th>
               <th>66</th>
               <th>77</th>
               <th>88</th>
               <th>99</th>
               <th>100</th>
               <th>110</th>
               <th>120</th>
               <th>130</th>
               <th>140</th>
               <th>150</th>
               <th>160</th>
               <th>170</th>
               <th>180</th>
               <th>190</th>
               <th>200</th>
            </tr>
            <tr>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
            </tr>
            <tr>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
            </tr>
        </table>
    </div>
@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>