ag-grid：滚动时将标题保留在顶部

滚动ag-grid div时，我无法在div顶部保留表格标题。是否有一个特定的农业类用来获得这个？ag-grid：滚动时将标题保留在顶部

由于

编辑：

有代码：

HTML：

<md-tab ng-repeat="tab in mbpTabs"> 
     <md-tab-label>{{tab.title}}</md-tab-label> 
     <md-tab-body> 
      <div ag-grid="tab.mbpTable.table" class="ag-dark ag-scrolls"></div> 
     </md-tab-body> 
    </md-tab>

JS格网定义如下：

this.cols = [{headerName: "Security",marryChildren: true, 
    children: [{headerName: "CTRL", field: this.FIELD_KEY_CTRL,hide: true,cellRenderer: MbpTable.prototype.ctrlRenderer.bind(this)}, 
       {headerName: "Id", field: this.FIELD_KEY_ID,width: 0,hide: true}, 
       {headerName: "Issuer", field: this.FIELD_KEY_ISSUER,width: 100}, 
       {headerName: "Cusip", field: this.FIELD_KEY_CUSIP,width: 80,}, 
       {headerName: "Board Label", field: this.FIELD_KEY_BOARD_LABEL,width: 150}] 
}, 
{headerName: 'Best',marryChildren: true, 
    children: [{headerName: "Bid Size", field: this.FIELD_KEY_BEST_BID_SIZE, width: 125,cellClass:"mbp-ag-cell-best-bid",cellRenderer: MbpTable.prototype.szPriceRenderer.bind(this)}, 
       {headerName: "Bid Price", field: this.FIELD_KEY_BEST_BID_PRICE, width: 125,cellClass:"mbp-ag-cell-best-bid",cellRenderer: MbpTable.prototype.szPriceRenderer.bind(this)}, 
       {headerName: "Ask Price", field: this.FIELD_KEY_BEST_ASK_PRICE, width: 125,cellClass:"mbp-ag-cell-best-ask",cellRenderer: MbpTable.prototype.szPriceRenderer.bind(this)}, 
       {headerName: "Ask Size", field: this.FIELD_KEY_BEST_ASK_SIZE, width: 125,cellClass:"mbp-ag-cell-best-ask",cellRenderer: MbpTable.prototype.szPriceRenderer.bind(this)}] 
}, 
{headerName: this.headerMyOrder,marryChildren: true, 
    children: [{headerName: "Bid Size", field: this.FIELD_KEY_ORDER_BID_SIZE, width: 80,cellClass:"mbp-ag-cell-order",editable: true,cellRenderer: MbpTable.prototype.bidOrderRenderer.bind(this),cellEditor: "text",newValueHandler: MbpTable.prototype.sizeValueHandler.bind(this)}, 
       {headerName: "Bid Price", field: this.FIELD_KEY_ORDER_BID_PRICE, width: 80,cellClass:"mbp-ag-cell-order",editable: true,cellRenderer: MbpTable.prototype.bidOrderRenderer.bind(this),cellEditor: "text",newValueHandler: MbpTable.prototype.priceValueHandler.bind(this)},//cellEditor: NumericCellEditor}, 
       {headerName: "",headerCellTemplate:this.headerMyBidOrder, field: this.FIELD_KEY_ORDER_BID_ACTION,minWidth:18,maxWidth:18,width:18,cellClass:["mbp-ag-cell-order","mbp-ag-cell-order-action"],cellRenderer: MbpTable.prototype.bidOrderRenderer.bind(this)}, 
       {headerName: "Ask Price", field: this.FIELD_KEY_ORDER_ASK_PRICE, width: 80,cellClass:"mbp-ag-cell-order",editable: true,cellRenderer: MbpTable.prototype.askOrderRenderer.bind(this),cellEditor: "text",newValueHandler: MbpTable.prototype.priceValueHandler.bind(this)},//cellEditor: NumericCellEditor}, 
       {headerName: "Ask Size", field: this.FIELD_KEY_ORDER_ASK_SIZE, width: 80,cellClass:"mbp-ag-cell-order",editable: true,cellRenderer: MbpTable.prototype.askOrderRenderer.bind(this),cellEditor: "text",newValueHandler: MbpTable.prototype.sizeValueHandler.bind(this)}, 
       {headerName: "",headerCellTemplate:this.headerMyAskOrder, field: this.FIELD_KEY_ORDER_ASK_ACTION,minWidth:18,maxWidth:18,width:18,cellClass:["mbp-ag-cell-order","mbp-ag-cell-order-action"],cellRenderer: MbpTable.prototype.askOrderRenderer.bind(this)}]}]; 



    this.table={ 
     columnDefs: this.cols, 
     rowData: MbpTable.prototype.createRndRows(numRows,offset,this), 
     rowSelection: 'multiple', 
     enableColResize: true, 
     enableSorting: true, 
     enableFilter: true, 
     groupHeaders: true, 
     ... 
};

予省略弗洛表格定义中的翼选项出于商业原因。

CSS中的ag头信息类尚未修改。

来源

2016-11-04 Igino Boffa

我们将需要看到你的代码，以帮助......也请看看这个[段]（https://www.ag-grid.com/javascript-grid宽度和高度/ index.php）的ag网格，谈论的宽度和高度。 –

请包含目前为止您所拥有的代码片段 –

默认情况下，标题应保持在顶部 - 事实上，它将滚动屏幕的唯一方法是滚动整个页面，而不仅仅是数据在网格内。正如其他人在这里所说的，您可能需要提供一个示例 –

解决：我需要添加高度属性的div。

谢谢大家

来源

2016-11-07 17:05:49

ag-grid：滚动时将标题保留在顶部

回答

相关问题