expose key field name of each record #37

Author: ashvin27

example/dist/index.js

@@ -1,6 +1,6 @@
 import React, { Component, Fragment } from 'react';
-// import ReactDatatable from '../../lib/index.js';
-import ReactDatatable from '../../src/index.js';
+import ReactDatatable from '../../lib/index.js';
+// import ReactDatatable from '../../src/index.js';
 
 class UserList extends Component {
     constructor(props) {

example/src/UserList.js

@@ -33,7 +33,6 @@ function ADPagination(props) {
 
   var Add = function Add(s, f) {
     var _loop = function _loop(i) {
-      console.log('i', i);
       tags.push(_react2.default.createElement(
         Item,
         {

lib/ADPagination.js

@@ -48,7 +48,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * This is the React Component for ReactDatatable
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 *
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * @package        ReactDatatable
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author         Ashvin Patel
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author         Ashvin Patel([email protected])
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * @date           14 Dec, 2018
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 */
 
@@ -115,6 +115,7 @@ var ReactDatatable = function (_Component) {
         extra: props.config && props.config.button && props.config.button.extra ? props.config.button.extra : false
       },
       filename: props.config && props.config.filename ? props.config.filename : "table",
+      key_column: props.config && props.config.key_column ? props.config.key_column : "id",
       language: {
         length_menu: props.config && props.config.language && props.config.language.length_menu ? props.config.language.length_menu : "Show _MENU_ records per page",
         filter: props.config && props.config.language && props.config.language.filter ? props.config.language.filter : "Search in records...",
@@ -695,7 +696,7 @@ var ReactDatatable = function (_Component) {
                   rowIndex = _lodash2.default.indexOf(_this8.props.records, record);
                   return _react2.default.createElement(
                     'tr',
-                    { key: record.id, onClick: function onClick(e) {
+                    { key: record[_this8.config.key_column], onClick: function onClick(e) {
                         return _this8.props.onRowClicked(e, record, rowIndex);
                       } },
                     _this8.props.columns.map(function (column, colIndex) {
@@ -953,6 +954,7 @@ ReactDatatable.defaultProps = {
       csv: false
     },
     filename: "table",
+    key_column: "id",
     language: {
       length_menu: "Show _MENU_ records per page",
       filter: "Search in records...",