Table顯示滾動條

時間 2019-12-02

標籤 table 顯示滾動條简体版

原文原文鏈接

項目中須要在js文件中動態的往table裏面添加數據，當數據的量到必定的程度的時候，就但願可以出現滾動條，現記錄以下：spa

Html文件：
<div style="width:468px;height:260px;overflow:scroll;background:#9D9D9D;">
      <table id="detail" style="width:450px;background:#9D9D9D;border-collapse:separate; border-spacing:0px 0px;">
       </table>
</div>

var detail="";
            detail += '<thead>';
            detail += '<tr>';
            detail += '<th align="left">時間</th>';
            detail += '<th align="left">用戶</th>';
            detail += '<th align="left">出價</th>';
            detail += '</tr>';
            detail += '</thead>';

　　　　　　detail += '<body>';
　　　　　　for (var i=0;i<result.length;i++) {
　　　　　　　　detail += '<tr>';
　　　　　　　　detail += '<td style="width:200px;height:10px;" valign="top">'+result[i].priceTime+'</td>';
　　　　　　　　detail += '<td valign="top">'+result[i].account+'</td>';
　　　　　　　　detail += '<td valign="top">'+result[i].price+'</td>';
　　　　　　　　detail += '<tr>';
　　　　　　}
　　　　　　detail += '</body>';code

document.getElementById('detail').innerHTML = detail;blog

Table顯示滾動條，要先把table放到一個div中，div的長度和寬度要固定，控制overflow屬性爲scrollci

如今只要table的長度或是寬度大於div的長度或是寬度，滾動條就顯示出來了。get

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。