diff --git a/imports/client/app/routes.js b/imports/client/app/routes.js
index 0b483e2..a646cdc 100644
--- a/imports/client/app/routes.js
+++ b/imports/client/app/routes.js
@@ -45,6 +45,7 @@ import { AdminComposeMailController }       from '/imports/client/views/org/admi
 import { AdminSentMailController }          from '/imports/client/views/org/admin/mailbox/sent/index'
 import { AdminImportantMailController }     from '/imports/client/views/org/admin/mailbox/important/index'
 
+import { FeeInfoController }              from '/imports/client/views/org/admin/finance/feestrucure/index'
 
 //students
 
@@ -85,6 +86,10 @@ const getOrgAdminRoutes = () => (
         <Route name="mail-sent"       path = "/mail/sent"                     component = {AdminSentMailController} />
         <Route name="mail-important"  path = "/mail/important"                component = {AdminImportantMailController} />
       </Route>
+      <Route>
+        <IndexRoute                                                           component = {AdminUsersListController} />
+        <Route name="feestructure"  path = "/fee/feestructure"                component = {FeeInfoController} />
+      </Route>
       <Route path="*"                                                         component = { NotFound } />
     </Route>
   </Router>
diff --git a/imports/client/views/org/admin/app/module/Sidebar.js b/imports/client/views/org/admin/app/module/Sidebar.js
index ec4bf91..55d2e8e 100644
--- a/imports/client/views/org/admin/app/module/Sidebar.js
+++ b/imports/client/views/org/admin/app/module/Sidebar.js
@@ -70,6 +70,12 @@ export class AdminSidebar extends Component {
                                 <MenuItem eventKey={4.2}>Class Info</MenuItem>
                               </LinkContainer>
                           </NavDropdown>
+                          <NavDropdown eventKey={5} title="Finance" name="Finance" id="finance">
+                              <LinkContainer to="/fee/feestructure" exact="true">
+                                <MenuItem eventKey={4.1}>Fee Structure</MenuItem>
+                              </LinkContainer>
+                             
+                          </NavDropdown>
               {/**            <NavDropdown eventKey={3} title="Academic" name="Academic" id="academic">
                               <MenuItem eventKey={3.1}>Layout 1</MenuItem>
                               <MenuItem eventKey={3.2}>Layout 2</MenuItem>
diff --git a/imports/client/views/org/admin/finance/feestrucure/FeeStructureView.js b/imports/client/views/org/admin/finance/feestrucure/FeeStructureView.js
new file mode 100644
index 0000000..8390003
--- /dev/null
+++ b/imports/client/views/org/admin/finance/feestrucure/FeeStructureView.js
@@ -0,0 +1,172 @@
+const ReactDataGrid = require('react-data-grid');
+import {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';
+import _                                  from 'lodash';
+import { Meteor }                         from 'meteor/meteor';
+
+import React, { Component }               from 'react';
+const { Editors, Toolbar, Formatters } = require('react-data-grid-addons');
+import { Modal, Button }                          from 'react-bootstrap';
+const { AutoComplete: AutoCompleteEditor, DropDownEditor } = Editors;
+const { ImageFormatter } = Formatters;
+const faker = require('faker');
+import update from 'react-addons-update';
+faker.locale = 'en_GB';
+
+const titles = ['Ajay', 'Deepak', 'Raghu', 'Satheesh', 'Bharath'];
+
+export const Example = React.createClass({
+
+  showModal() {
+      this.setState({show: true});
+    },
+
+    hideModal() {
+      this.setState({show: false});
+    },
+    onUpdate(key, value) {
+      this.setState({[key]: value});
+    },
+
+
+  getInitialState() {
+    // super(props);
+    this._columns = [
+      {
+        key: 'id',
+        name: 'S.No.',
+        width: 80,
+        resizable: true
+      },
+      {
+        key: 'roles',
+        name: 'Roles',
+        editable: true,
+        width: 325,
+        resizable: true
+      },
+      {
+        key: 'roledesc',
+        name: 'Role Description',
+        editable: true,
+        width: 380,
+        resizable: true
+      },
+      {
+        key: 'stafflist',
+        name: 'Staffs',
+        editor: <DropDownEditor options={titles}/>,
+        width: 335,
+        resizable: true,
+        events: {
+          onDoubleClick: function() {
+            console.log('The user double clicked on title column');
+          }
+        }
+      }
+    ];
+    return { rows: this.createRows(5), show: false };
+  },
+
+
+  createRows(numberOfRows) {
+    let rows = [];
+    for (let i = 0; i < numberOfRows; i++) {
+      rows[i] = this.createFakeRowObjectData(i);
+    }
+    return rows;
+  },
+
+  createFakeRowObjectData(index) {
+    return {
+      id: index+1,
+      roles: faker.name.firstName(),
+      stafflist: faker.name.prefix(),
+      roledesc: faker.lorem.sentence()
+    };
+  },
+
+  getColumns() {
+    let clonedColumns = this._columns.slice();
+    clonedColumns[1].events = {
+      onClick: (ev, args) => {
+        const idx = args.idx;
+        const rowIdx = args.rowIdx;
+        this.grid.openCellEditor(rowIdx, idx);
+      }
+
+    },
+
+    clonedColumns[2].events = {
+      onClick: (ev, args) => {
+        const idx = args.idx;
+        const rowIdx = args.rowIdx;
+        this.grid.openCellEditor(rowIdx, idx);
+      }
+
+    },
+
+    clonedColumns[3].events = {
+      onClick: (ev, args) => {this.showModal()}
+    };
+
+    return clonedColumns;
+  },
+
+  handleGridRowsUpdated({ fromRow, toRow, updated }) {
+    let rows = this.state.rows.slice();
+
+    for (let i = fromRow; i <= toRow; i++) {
+      let rowToUpdate = rows[i];
+      let updatedRow = update(rowToUpdate, {$merge: updated});
+      rows[i] = updatedRow;
+    }
+
+    this.setState({ rows });
+  },
+
+  handleAddRow({ newRowIndex }) {
+    const newRow = {
+      value: newRowIndex,
+      userStory: '',
+      developer: '',
+      epic: ''
+    };
+
+    let rows = this.state.rows.slice();
+    rows = update(rows, {$push: [newRow]});
+    this.setState({ rows });
+  },
+
+  getRowAt(index) {
+    if (index < 0 || index > this.getSize()) {
+      return undefined;
+    }
+
+    return this.state.rows[index];
+  },
+  getSize() {
+    return this.state.rows.length;
+  },
+
+
+  render() {
+    return  (
+
+      <div className="appLayout-box">
+          <div className="page-container">
+          <div className="col-md-12">
+              <div className="userrolescontent">
+                    <BootstrapTable   striped hover condensed pagination>
+                  <TableHeaderColumn isKey dataField='id'>Product ID</TableHeaderColumn>
+                  <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
+                  <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>
+              </BootstrapTable>
+                  </div>
+              </div>
+          </div>
+      </div>
+
+
+      );
+  }
+});
diff --git a/imports/client/views/org/admin/finance/feestrucure/index.js b/imports/client/views/org/admin/finance/feestrucure/index.js
new file mode 100644
index 0000000..2bf66a8
--- /dev/null
+++ b/imports/client/views/org/admin/finance/feestrucure/index.js
@@ -0,0 +1,52 @@
+// import { StudentDataController }            from '/imports/client/views/org/admin/students/index'
+import _                                  from 'lodash';
+import {
+         composeWithTracker,
+         compose,
+         composeAll
+       }                                  from 'react-komposer';
+import { Loading }                        from '/imports/client/components/Loading';
+
+import { Orgs }                           from '/imports/collections/orgs/index';
+import { Users }                          from '/imports/collections/users/index';
+import { Example }                        from './FeeStructureView';
+import { Students }                       from '/imports/collections/students/index';
+
+
+const meteorTick = (props, onData) => {
+  Shelf.layout.set({
+    bulb:     'FINANCE',
+    subbulb:  'FEESTRUCTURE',
+  });
+  const handles = [
+    Meteor.subscribe('users.current'),
+    Meteor.subscribe('orgs.current')
+  ];
+
+  if(_.every(handles, (handle) => (handle.ready()) )) {
+    const user = Users.current();
+    const org = Orgs.current();
+    onData(null, {
+      data: {
+        user: user,
+        org: org
+      },
+    });
+  }
+
+  return () => {
+    _.each(handles, (handle) => handle.stop() );
+  };
+};
+
+
+const reduxTick = (props, onData) => {
+  onData(null, {
+    data: {}
+  });
+};
+
+export const FeeInfoController = composeAll(
+  composeWithTracker(meteorTick, Loading),
+  compose(reduxTick, Loading),
+)(Example);
diff --git a/package.json b/package.json
index 33e1dfa..d94c9d3 100644
--- a/package.json
+++ b/package.json
@@ -84,7 +84,7 @@
     "react-addons-transition-group": "^15.4.2",
     "react-bootstrap": "^0.30.8",
     "react-bootstrap-date-picker": "^4.0.0",
-    "react-bootstrap-table": "^3.1.6",
+    "react-bootstrap-table": "^3.2.2",
     "react-burger-menu": "^1.10.14",
     "react-data-grid": "^2.0.31",
     "react-data-grid-addons": "^2.0.31",