如何使用滾動選項在DataTable中設置行高？

我想在我的數據表中有相同的固定高度的行，但rowHeight選項似乎沒有效果。如何使用滾動選項在DataTable中設置行高？

我創建了一個數據表是這樣的：

HTML：

<table id="PositionsTable" class="display" cellspacing="0" style="width:100%;height:70%;font-size:90%"> 
    <thead> 
     <tr> 
      <th>Symbol</th> 
      <th>ActualPosition</th> 
      <th>AccountIdent</th> 
     </tr> 
    </thead> 
    <tbody id="PositionsBody">

的Javascript：

function CreatePositionsBodt(arr) { 
     var existingbody = document.getElementById('PositionsBody'); 
     var table1 = document.getElementById('PositionsTable'); 
     var newBody = document.createElement('tbody'); 
     newBody.id = 'PositionsBody'; 
     var asArr = eval(arr); 
     asArr.forEach(function (rowData) { 
      var row = document.createElement('tr'); 

      rowData.forEach(function (cellData) { 
       var cell = document.createElement('td'); 
       cell.appendChild(document.createTextNode(cellData)); 
       row.appendChild(cell); 
      }); 

      newBody.appendChild(row); 
     }); 
     table1.replaceChild(newBody, existingbody); 
     existingbody.innerHTML = newBody.innerHTML; 
    }

然後我用引導：

$(document).ready(function() { 
     $('#PositionsTable').DataTable({ 
      scrollY: 500px, 
      scroller: { 
       rowHeight: 30 
      }, 
      paging: false, 
      "bFilter": false, 
      "columns": [ { "width": "100px"},null,null] 
     }) 
    });

附加：

如果我設置scrollY：真那麼的rowHeight的工作，但我的表是不是我想成爲大小...

這裏是一個的jsfiddle：

https://jsfiddle.net/dh6sqesk/

來源

2016-11-30 ManInMoon

你能提供任何有效的演示模擬了嗎？ – TechnoCrat

@TechnoCrat示例添加請參閱小提琴 – ManInMoon

@TechnoCrat工程！如果您將此作爲答案，我會接受它。 – ManInMoon

的高度，你正試圖設置靜態的表格標籤的風格屬性是影響我的分析。

你可以刪除

width:100%;height:70%;font-size:90%

它設置爲

width:100%;font-size:90%

來源

2016-12-05 12:20:29 TechnoCrat

@ManInMoon我已添加爲答案，因爲你告訴。 – TechnoCrat

如何使用滾動選項在DataTable中設置行高？

回答

相關問題