mohiit1502/ag-grid-react-example
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

v12 Hot fixes

Browse Source
This commit is contained in:
Alberto
2017-07-21 12:10:00 +02:00
parent d71781899d
commit 32142b435b
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.jsx
View File

@@ -45,7 +45,7 @@ class App extends Component {
<li role="presentation" className={this.state.example === 'dynamic' ? 'active' : null} onClick={() => this.setExample("dynamic")}><a href="#">Dynamic React Component Example</a></li> <li role="presentation" className={this.state.example === 'dynamic' ? 'active' : null} onClick={() => this.setExample("dynamic")}><a href="#">Dynamic React Component Example</a></li>
<li role="presentation" className={this.state.example === 'rich-dynamic' ? 'active' : null} onClick={() => this.setExample("rich-dynamic")}><a href="#">Dynamic React Components - Richer Example</a></li> <li role="presentation" className={this.state.example === 'rich-dynamic' ? 'active' : null} onClick={() => this.setExample("rich-dynamic")}><a href="#">Dynamic React Components - Richer Example</a></li>
<li role="presentation" className={this.state.example === 'editor' ? 'active' : null} onClick={() => this.setExample("editor")}><a href="#">Cell Editor Component Example</a></li> <li role="presentation" className={this.state.example === 'editor' ? 'active' : null} onClick={() => this.setExample("editor")}><a href="#">Cell Editor Component Example</a></li>
<li role="presentation" className={this.state.example === 'floating-row' ? 'active' : null} onClick={() => this.setExample("floating-row")}><a href="#">Floating Row Renderer Example</a></li> <li role="presentation" className={this.state.example === 'floating-row' ? 'active' : null} onClick={() => this.setExample("floating-row")}><a href="#">Pinned Row Renderer Example</a></li>
<li role="presentation" className={this.state.example === 'full-width' ? 'active' : null} onClick={() => this.setExample("full-width")}><a href="#">Full Width Renderer Example</a></li> <li role="presentation" className={this.state.example === 'full-width' ? 'active' : null} onClick={() => this.setExample("full-width")}><a href="#">Full Width Renderer Example</a></li>
<li role="presentation" className={this.state.example === 'group-row' ? 'active' : null} onClick={() => this.setExample("group-row")}><a href="#">Grouped Row Inner Renderer Example</a></li> <li role="presentation" className={this.state.example === 'group-row' ? 'active' : null} onClick={() => this.setExample("group-row")}><a href="#">Grouped Row Inner Renderer Example</a></li>
<li role="presentation" className={this.state.example === 'filter' ? 'active' : null} onClick={() => this.setExample("filter")}><a href="#">Filters Component Example</a></li> <li role="presentation" className={this.state.example === 'filter' ? 'active' : null} onClick={() => this.setExample("filter")}><a href="#">Filters Component Example</a></li>

12
src/floatingRowExample/FloatingRowComponentExample.jsx
View File

@@ -13,8 +13,8 @@ export default class FloatingRowComponentExample extends Component {
rowData: this.createRowData(), rowData: this.createRowData(),
columnDefs: this.createColumnDefs(), columnDefs: this.createColumnDefs(),
topFloatingRowData: [{row: "Top Row", number: "Top Number"}], pinnedTopRowData: [{row: "Top Row", number: "Top Number"}],
bottomFloatingRowData: [{row: "Bottom Row", number: "Bottom Number"}] pinnedBottomRowData: [{row: "Bottom Row", number: "Bottom Number"}]
}; };
this.onGridReady = this.onGridReady.bind(this); this.onGridReady = this.onGridReady.bind(this);
@@ -55,7 +55,7 @@ export default class FloatingRowComponentExample extends Component {
for (let i = 0; i < 15; i++) { for (let i = 0; i < 15; i++) {
rowData.push({ rowData.push({
row: "Row " + i, row: "Rou " + i,
number: Math.round(Math.random() * 100) number: Math.round(Math.random() * 100)
}); });
} }
@@ -67,14 +67,14 @@ export default class FloatingRowComponentExample extends Component {
return ( return (
<div style={{height: 400, width: 945}} <div style={{height: 400, width: 945}}
className="ag-fresh"> className="ag-fresh">
<h1>Floating Row Renderer Example</h1> <h1>Pinned Row Renderer Example</h1>
<AgGridReact <AgGridReact
// properties // properties
columnDefs={this.state.columnDefs} columnDefs={this.state.columnDefs}
rowData={this.state.rowData} rowData={this.state.rowData}
floatingTopRowData={this.state.topFloatingRowData} pinnedTopRowData={this.state.pinnedTopRowData}
floatingBottomRowData={this.state.bottomFloatingRowData} pinnedBottomRowData={this.state.pinnedBottomRowData}
// events // events
onGridReady={this.onGridReady}> onGridReady={this.onGridReady}>