創建使用js創建表的滾動功能

我有一個表在這裏動態創建使用JS，它包含的數據比什麼屏幕顯示多，所以我需要實現滾動功能和主要的事情是我也需要表寬度是100％。請任何人嗎？創建使用js創建表的滾動功能

var table = $('#mydemo1'); 
 
    \t   
 
      for (var i = 0; i <= result.length; i++) 
 
      { 
 
      \t doc1=result[i]; 
 
      \t     
 
       var tbody = $("<tbody>").appendTo(table); 
 
       var tr = $("<tr>").appendTo(tbody); 
 
\t \t   var td = $("<td>").html(doc1.Name).data(doc1).appendTo(tr); 
 

 
      }

.mytdemo1 td{font-family:Arial, sans-serif;font-size:14px;padding:10px 7px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:red;color:#444;background-color:#F7FDFA;} 
 
.mytdemo1 td:hover { 
 
\t cursor:pointer; 
 
     color: #ccc; 
 
    } 
 
.mytdemo1 th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 7px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:red;color:#fff;background-color:#26ADE4;} 
 
.mytdemo1 .mytdemo1-yw4l{vertical-align:top}

<div class="empl" id="table-scroll"> 
 
    \t 
 
\t <table class="mytdemo1" id="mydemo1" style="display:none;"> 
 
\t <thead> 
 
\t <tr><th>Employee Name</th></tr> 
 
\t </thead> 
 
\t 
 
\t </table> 
 
\t 
 
\t </div>

來源

2016-01-03 david

我不確定你的意思，但你可以嘗試'overflow：scroll;'和'width：100％;'或'width：100vw;'。 – DaMaGeX

你應該嘗試在表中（可能是一個div）以下樣式的父元素設置：

/* style to table's parent */ 
overflow: auto; 
width: 100%; 
max-height: /* your desired height */

而且這一款式在表：

width: inherit;

來源

2016-01-03 16:30:58

如果我找到了你，你想滾動沒有滾動條固定在側面。

用途：

.vertically_scrollable{ 
    overflow-x:hidden; 
    overflow-y:auto; 
}

，因爲它只會顯示在頂部必要垂直滾動條時。

來源

2016-01-03 17:07:12 remdevtec

創建使用js創建表的滾動功能

回答

相關問題