bootstrap表头固定问题

我正在使用引导程序。我试图使用一个固定的表头，但它没有被修复，它可以滚动。我不想scroll表头，我想有一个固定的表头。请帮我解决它。bootstrap表头固定问题

这是我的代码示例：

这是我的代码：

<div class="widget-content"> 
      <div class="container"> 
      <table class="table table-bordered"> 
       <thead> 
       <th class="text-center"> my</th> 
       <th class="text-center"> text/line</th> 
       <th class="text-center">caps/ lock</th> 
       <th class="text-center">Value</th> 
       <th class="text-center">Qty</th> 
       <th class="text-center">other</th> 
       </thead> 
       <tbody> 

       <tr class="dt-picked"> 
        <td class="text-center"> 
         <span style="color:white; font-weight:bold;"> text</span> 

        </td> 
        <td class="text-center"> 
        <p>text</p> 

        </td> 
        <td class="text-center "> 
        <p>text</p> 
        <p>text</p> 
        </td> 
        <td class="text-center"> <p>text</p></td> 
        <td class="text-center b-color-1"><p>text</p></td> 
        <td> 
        class="btn btn-mini btn-danger" role="button">Sell</a> 
        </td> 
       </tr> 

       <tr> 
       <td colspan="4" class="text-right no-stripe">Total Cash</td> 
       <td class="b-color-1"><p>text</p></td> 
       </tr> 
       <tr> 
       <td colspan="4" class="text-right no-stripe">Total Invested</td> 
       <td class="b-color-1"><p>text</p></td> 
       <td colspan="2" class="no-stripe"></td> 
       </tr> 
       <tr> 
       <td colspan="4" class="text-right bold no-stripe">Bottom Line</td> 
       <td class="b-color-1 bold"><p>text</p></td> 
       <td colspan="2" class="no-stripe"></td> 
       </tr> 
       </tbody> 
      </table> 
      </div> 
     </div>

来源

2017-07-31 core114

我有一个捣鼓你

<thead> 
    <tr class="header"> 
     <th> 
     Table attribute name 
     <div>Table attribute name</div> 
     </th> 
     <th> 
     Value 
     <div>Value</div> 
     </th> 
     <th> 
     Description 
     <div>Description</div> 
     </th> 
    </tr> 
    </thead>

https://jsfiddle.net/byB9d/14995/

来源

2017-07-31 04:53:48

尝试使用position属性上THEAD

<thead style="position:absolute;"> 
       <th class="text-center"> my</th> 
       <th class="text-center"> text/line</th> 
       <th class="text-center">caps/ lock</th> 
       <th class="text-center">Value</th> 
       <th class="text-center">Qty</th> 
       <th class="text-center">other</th> 
       </thead>

来源

2017-07-31 04:17:55

先生，即时使用'位置：绝对'，文字不对齐后，'位置：绝对'或'位置：固定'？ – core114

@ core114 jut对文本“text-align：center”使用另一个属性 –

bootstrap表头固定问题

回答

相关问题