GriddleGriddle ColumnMeta's with some custom components

griddle-column-meta.js

// GriddleGriddle ColumnMeta's with some custom components 
export const ColumnMeta = [{
    "columnName": "name",
  }, {
    "columnName": "url",
    "displayName": "URL"
  }, {
    "columnName": "method",
  }, {
    "columnName": "lastResult",
    "customComponent": (props) =>  <span>{props.rowData.lastResult.slice(0,80).replace(/\s*/g,"").slice(0,30)+".."}</span>,
  }, {

    "columnName": "rowButtons",
    "customComponent": ButtonsComponent,
    "displayName": ""
  }

];


// Component which groups row buttons
export const ButtonsComponent = React.createClass({
  render: function() {
    return (
      <form className="form-inline" style={paddingStyle}>
	 <CodeButton rowData={this.props.rowData} /> <EditComponent rowData={this.props.rowData} /> <DeleteComponent rowData={this.props.rowData} /> <JsonComponent title="lastResult" rowData={JSON.parse( this.props.rowData.lastResult )} /> <StartButton rowData={this.props.rowData}/>
      </form>
    );
  }
})