lucid-ui
Version:
A UI component library from AppNexus.
22 lines (21 loc) • 1.07 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import _ from 'lodash';
import { DataTable } from '../../../index';
export default createClass({
getInitialState() {
return {
activeIndex: 1,
data: [],
};
},
render() {
const { activeIndex, data } = this.state;
return (React.createElement(DataTable, { data: _.map(data, (row, index) => index === activeIndex ? { ...row, isActive: true } : row), density: 'extended', isFullWidth: true, anchorMessage: true, minRows: 15 },
React.createElement(DataTable.Column, { field: 'id' }, "ID"),
React.createElement(DataTable.Column, { field: 'first_name', width: 100 }, "First"),
React.createElement(DataTable.Column, { field: 'last_name', align: 'left', width: 100 }, "Last"),
React.createElement(DataTable.Column, { field: 'email', align: 'center' }, "E-Mail"),
React.createElement(DataTable.Column, { field: 'occupation', align: 'right', width: 100 }, "Occupation")));
},
});